@media (max-width: 450px){  
    /*首页*/
    body{  
    }
    .site-header .banner{
        height:140px; 
        margin:0;
    }
    .site-header .header-top{
        padding:10px;
    }
    .site-header,.wrap,.site-header .main-nav,.page-index .sec4{
        width:100%!important;  
        min-width:100%;  
    } 
    .site-header .header-top .wrap{
        height:unset;
        display:unset; 
    }
    .site-header .header-top .wrap img{
        margin:0;
        max-width:100%;  
    }
    .site-footer .copyright .imgs{
        flex-wrap: wrap;
    }
    .page-index .sec .content{ 
        flex-direction: column;
    }
    .site-header .main-nav{
        height:90px;
    } 
    .site-header .main-nav .nav .nav-list{
        top:120px;
        width:100px;
    }  
    .site-header .main-nav .nav .nav-list .item:hover, .site-header .main-nav .nav .nav-list .item.active2{
        width:74px; 
    }
    .site-header .nav-list .item .item-content{
        left:99px;
        width: 275px;
    }
    .site-header .nav-list .item2{
        border:1px solid #f4f4f4;
    }
    .site-header .nav-list .item2-title>a{
        height: unset; 
        width: 100px!important;
    }
    .site-header .main-nav a,.site-header .main-nav .nav{
        width:80px;
        height:30px;
        line-height: 30px;
        text-align: center;
        display: block;
        padding:0 16px;
    }
    .main-nav .wrap{ 
        display: flex;
        flex-wrap: wrap; 
        justify-content:space-between;
    }
    .page-index .sec .title .left-title{
        position: unset;
        display: flex;
        flex-direction: column;
    } 
    .page-index .sec .wrap{
        border:0;
    }
    .page-index .sec .left-title .title{
        width: 95%!important; 
        padding: 0 2.5%!important; 
        border-bottom: 1px solid #ccc; 
    }
    .page-index .sec .title>a{
        position: absolute;
        top:0;
        right:0;
    }
    .page-index .sec .left-title .list{
        height: unset;
        margin-top:10px;
    }
    .page-index .sec .left-title .list span { 
        height: 30px;
        line-height: 30px; 
    }  
    .page-index .sec .content .left,.page-index .sec .content .right,.page-index .sec .content .right .item{ 
        width: unset !important; 
        height: 100%;  
    }  
    .page-index .sec .content .travels .item{
        /*margin-bottom: 0;*/
    }
    .page-index .sec .content .left img,.sec4 .banner{  
        width: 95%!important; 
        padding:0 2.5%!important; 
    }
    .page-index .sec .content .right{
        width: 95%!important; 
        padding:0 2.5%!important;  
    }
    .page-index .sec .content .right .item img{
        height: 125px;   
    }
    .route-tips-content .right .item{
        height:185px!important;
    } 
    .page-index .sec .content .right a{
        width: 49%; 
        margin:5px 0;
    }
    .page-index .sec .content .travels2 .item{
        padding-bottom: unset;
    }
    .page-index .sec .content .travels .item .head{
        top:98px;
    }
    .page-index .sec .footer-nav .item .title{
        width: 85px;
    }
    .page-index .sec .footer-nav .item .list{
        width: 80%;
    }
    .site-footer .items{
        flex-wrap: wrap;
        padding: 0 10px;
    }
    .site-footer .copyright{
        padding: 15px 10px; 
    }
    .site-header .main-nav .nav{
        display: none;
    }
    .page-index .sec .left-title{
        border:0;
    }
    .page-index .route-tips-content .right .item{
        margin-bottom:0!important;
    }
    .route-tips-content .left{
        height: unset!important;
    }
    .site-footer .items .item{
        width:110px;
    }
    .site-footer .copyright .imgs img{
        height: 70px;
    } 
    /*线路*/
    .breadcrumb{
        padding-left:2.5%;
    }
    .route-hots{
        width:95% !important;  
        padding:0!important;   
        height: unset;
    }
    .route-hots>.title{
        width:100% !important;   
        height: unset;
    }
    .route-hots .content{ 
        width: 95%!important; 
        padding:0 2.5%!important; 
        margin:0;
        height:134px;
    } 
    .route-hots .content img{  
       width:47.5%!important; 
       height:56px;  
    }  
    .route-hots .content a:first-child img{
       height:117px;   
       margin-top:8px;
    }
    .page-index .sec .content .travels a:last-child:nth-child(3n + 2){
        margin-right:unset;
    }
        
    .page-index .sec .content .four a:last-child:nth-child(4n + 2) {
        margin-right:unset; 
    }    
    .page-index .sec .content .four a:last-child:nth-child(4n + 3) { 
        margin-right:unset;
    }  

    .page-index .sec .left-title2 .title{
        width:200px;
        padding-left:10px!important;
    }
    /*目的地*/
    .sec-area .right .item{
        height: unset!important;
    }
    .sec-area .right .item img{
        width:100%!important;
        height:100%!important;
    }
    .page-index .sec .footer-nav .item{
        flex-wrap: wrap;
        /*justify-content:space-between;*/
    }
    .page-index .sec .footer-nav2 .item-nav .title{
        margin:5px;  
        width:unset;
        padding:0 10px;
    }
    /*租车*/
    .sec-bus img{
        height:unset !important;
    }
    .page-index .sec .footer-nav2  .item .list{
        width: 100% !important; 
    }
    /*景点*/
    .page-secnic .spots{
        width: 100%; 
    }
    .page-secnic .spots .spot{
        width: 46%; 
        background: #fff;
        padding:0;  
        margin:7px;
    } 
    .page-secnic .spots .spot .spot-img,.page-secnic .spots .spot .spot-img img{
        width: 100%;  
        height:120px;
    }
    .page-secnic .spots .spot .spot-img span{
        width: 100%; 
        font-size: 15px;
        line-height: 30px;
        height: 30px;
    }
    .page-secnic .spot-navs{
        padding: 10px 2.5%;
        position: relative;
    }
    .page-secnic .spot-navs .title{
        width: 100%;
        padding-bottom:10px;
        border-bottom:1px solid #ccc;
    }
    .page-secnic .spot-navs .flex-row{
        flex-direction: column; 
        width: 100%;
    }
    .page-secnic .spot-navs .flex-row>div{
        margin-top:10px;
    }
    .page-secnic .spot-navs .nav{
        padding: 0;
        margin-right:10px;
    }
    .page-secnic .spot-navs>.nav{
        position: absolute;
        top:10px;
        right:0px;
    } 
    /*游记*/
    .sec-notes{ 
        flex-direction: column; 
    }
    .sec-notes .tips,.sec-notes .list{
        width: 95%;
        padding: 10px 2.5%;
    } 
    .sec-notes .list .item{
        width: 100%;
        padding: 10px 0;
    } 
    .sec-notes .list .item .right span{
        display: -webkit-box; 
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: justify;
    }
    .sec-notes .list .item .right .footer{
        flex-wrap: wrap;
    }
    /*关于我们*/
    .fl{
        width:unset !important; 
    }
    .fl li{
        width:60px!important;  
    }
    .fr{
        padding:10px!important;  
    }
    /*定制*/
    .detail-right{
        position: unset;
        width: 95%!important; 
        margin: 0 auto;
    }
    .dz_con{
        width: 95%!important;  
        margin: 0 auto;
    }
    .msg_con.fl{
        width: 95%!important;  
        margin: 0 auto; 
    }
    .msg_bom .flex-row{
        flex-direction: column;  
    }
    .msg_con2 textarea{
        width: 98%!important;   
    }
    .msg_bom input{
        width: 100%!important; 
        padding: 0!important; 
        margin: 0!important; 
    }
    .msg_bom .item a{
        margin:5px 10px 0 0!important;
    }
    .yeliangBtn{
        width: 95%!important; 
        margin:0 2.5%!important;
    }
    /*线路二级页面*/
    .page-routes .choose-route .wrap{
        min-width: unset!important; 
        width: 95%!important; 
        margin:0 auto!important; 
    }
    .page-routes .choose-route .table-body{
        width: 75%;
    }
    .page-routes .route-lists .route{
        padding: 10px 10px; 
        width: 90%!important; 
        margin:10px auto!important; 
    }
    .page-routes .route-lists .route .route-inf .li2 .tag{
        padding: 3px 10px;
        margin: 3px 5px 3px 0;
    }
    .page-routes .route-lists .route .route-inf .li3, .page-routes .route-lists .route .route-inf .li4, .page-routes .route-lists .route .route-inf .li5, .page-routes .route-lists .route .route-inf .li6, .page-routes .route-lists .route .route-inf .li7{
        line-height: 22px;
        padding-top:0;
    }
    .page-routes .route-lists .route .left-img{
        position: unset; 
    }
    .page-routes .route-lists .route img{
        width: 100%;
        height: 236px;
        margin: 0;
    }
    .page-routes .route-lists .route .route-inf{
        padding: 0;
        height: unset;
    }
    .page-routes .route-lists .route .route-inf .li2{
        height: unset!important;
    }
    .page-routes .route-lists .route .route-inf .li8{
        position: unset;
        display: flex;
        justify-content: space-between;
        margin-top:5px;
    } 
    .page-routes .route-lists .route .route-inf .li8 .price{
        padding-bottom:0;
    } 
}