﻿/*ipad竖屏*/
@media screen and (min-width:850px) and (max-width:1100px) {
    .tour.heng .desc .dest{display:none;}
}

/*手机*/
@media screen and (max-width:850px) {
    .mp60{margin-top:30px;}
    .mp80{margin-top:40px;}
    .wrap{width:calc(100% - 10px);}

    .banner img{min-height:460px;}
    .banner .wrap .slogan{font-size:32px;line-height:36px;}
    .banner .wrap .bdesc{font-size:16px;line-height:20px;}

    .inqurybanner .wrap{width:100%;flex-direction:column;justify-content:center;align-items:center;}

    .section{padding:40px 0;}
    .section h1,.section h2{font-size:28px;line-height:36px;margin-bottom:15px;}
    .section h3{font-size:22px;margin-bottom:15px;}

    .articledesc p{margin-bottom:15px;}

    .related_tour_line{margin:20px 0;padding:5px 5px 0 5px;border-radius:8px;}
 /*   .related_tour_line .item{width:calc((100% - 10px) / 2);margin:0 10px 10px 0;background-color:#f0f0f0;padding:10px;border-radius:10px;}
    .related_tour_line .item:nth-child(2n){margin-right:0;}
    .related_tour_line .item .nm{margin-top:10px;font-weight:normal;font-size:13px;line-height:20px;}*/

    .about .adv{flex-wrap:wrap;margin-top:20px;}
    .about .adv .item{width:calc((100% - 5px) / 2);padding:10px;margin-bottom:5px;}
    .about .adv .item .fb{font-size:14px;margin-bottom:10px;}

    .star{height:12px;background-image:url('/skin/images/star.png');background-repeat:repeat-x;background-size: 12px 12px;}
    .star.s1{width:12px;}
    .star.s2{width:24px;}
    .star.s3{width:26px;}
    .star.s4{width:48px;}
    .star.s5{width:60px;}

    /*Begin：产品卡片*/
    .tour-section-list{padding:0 0 40px 0;}
    .tour-section{padding-top:40px;}
    .tour-section .more-button{margin-top:20px;}
    .tourlist{margin-top:20px;justify-content:space-between;}
    .tour{margin-bottom:5px;}
    
    .tour.shu{width:calc((100% - 5px) / 2);margin-bottom:5px;margin-right:0;}
    .tour.shu .face{padding:5px 5px 0 5px;}
    .tour.shu .desc{padding:5px;}
    .tour.shu .desc .tags .tag{margin-bottom:5px;}
    .tour.shu .desc .guid{display:none;}
    .tour.shu .desc .dest{display:none;}
    .tour.shu .desc .fee{margin-top:15px;flex-direction:column;padding-bottom:10px;}
    .tour.shu .desc .fee .button{margin-top:10px;width:60%;padding:0;}

    .tour.heng{width:100%;margin-bottom:5px;line-height:18px;}
    .tour.heng .face{width:35%;padding:5px 0 5px 5px;}
    .tour.heng .desc{width:65%;padding:5px 5px;}
    .tour.heng .desc .nm{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height:18px;}
    .tour.heng .desc .dest{display:none;}        
    .tour.heng .desc .guid{display:none;}
    .tour.heng .desc .fee .button{height:20px;border-radius:4px;background-color:#ee3e27;color:#fff;font-size:12px;line-height:20px;padding:0 10px;}

    .tour.heng.full{width:100%;}
    .tour.heng.full .desc .guid{display:none;}
    .tour.heng.full .desc .nm{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

    .tour.heng.harf{width:100%;margin-right:0px;}
    .tour.heng.harf .face{width:35%;}
    .tour.heng.harf .desc{width:65%;padding:5px 5px;}
    .tour.heng.harf .desc .nm{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .tour.heng.harf .guid{display:none;}
    /*End：产品卡片*/

    .inqurybanner .cover{padding:40px 10px;box-sizing:border-box;}
    .inqurybanner .cover .w50{width:100%;}
    .inqurybanner .cover .w50:first-child{align-items:center;align-content:center;}
    .inqurybanner .cover .w50:first-child .f30{font-size:24px;}
    .inqurybanner .customize{margin:10px 0 20px 0;font-size:20px;}
    .inqurybanner .cover .w50:first-child .f16{font-size:14px;}
    .inqurybanner .cover .w50:first-child .button{width:100%;box-sizing:border-box;}

    .inqurybanner .cover .w50:nth-child(2){margin-top:30px;justify-content:space-evenly;}
    .inqurybanner .expert{font-size:13px;}
    .inqurybanner .expert img{width:80px;height:80px;border-radius:80px;border:solid 1px #ffffff;}
    .inqurybanner .expert .nm{margin:10px 0 2px 0;font-size:14px;}

    .inqurybanner.sml{border-radius:10px;}
    .inqurybanner.sml .cover{padding:20px 10px;}
    .inqurybanner.sml .customize{margin:10px 0 20px 0;}
    .inqurybanner.sml .expert img{width:90px;height:90px;border-radius:90px;border:solid 2px #ffffff;}
    .inqurybanner.sml .expert .nm{margin:10px 0 2px 0;}

    .steps{padding:40px 0;}
    .steps .wrap .w100:first-child .f38{font-size:30px;}
    .steps .wrap .w100:first-child .button{display:none;}
    .steps .step{flex-wrap:wrap;justify-content:space-between;}
    .steps .step .item{width:calc((100% - 5px) / 2);margin-bottom:5px;}
    .steps .step .item .f16{text-align:center;}

    .viewcontainer{padding:40px 0 0 0;}
    .viewcontainer .wrap .w100:first-child h2{font-size:30px;width:100%;margin-bottom:2px;}
    .viewcontainer .wrap .w100:first-child .button{display:none;}

    .citylist{padding:40px 0;}
    .citylist h2{font-size:30px;width:100%;margin-bottom:20px;}
    .citylist .item{width:calc((100% - 5px) / 2);border-radius:4px;overflow:hidden;margin:0 5px 5px 0;position:relative;}
    .citylist .item:nth-child(2n){margin-right:0px;}
    .citylist .item:nth-child(4n){margin-right:0px;}
    .citylist .item a{padding:0 0 5px 10px;font-size:14px;}

    .blog{padding:40px 0;}
    .blog h2{font-size:30px;margin-bottom:0px;text-align:center;width:100%;}
    .blog>.w100>.button{display:none;}
    .articleblock {margin-top: 20px;flex-wrap:wrap;}
    .articleblock .item{width:calc((100% - 5px) / 2);margin-bottom:20px;}
    .articlelist{padding:5px 5px 15px 10px;margin-top:0px;border-radius:6px;}
    .articlelist ul li {width: 100%;}

    .bookpnl {padding:0;}
    .bookpnl .wrap{justify-content:center;align-items:center;width:100%;box-sizing:border-box;padding:10px;}
    .bookpnl .bookdesc{display:none;}
    .bookform{width:100%;padding:10px 10px 20px 10px;border-radius:10px;}
    .bookform .f30{font-size:28px;}
    .bookform>div:nth-child(2){margin-bottom:20px;}
    .bookform .w100{flex-wrap:wrap;margin-top:0px;}    
    .bookform .w48{width:100%;margin-bottom:10px;}
    .bookform .leave{margin:20px 0 10px 0;}
    .bookform .button{margin:20px 0 0 0;}

    .floatbook .wrap{height:100%;padding-top:15%; overflow:hidden; box-sizing:border-box;overflow-y:auto;flex-direction:column;justify-content:flex-start;}
    .floatbook .bookform{width:90%; border-radius:15px 15px 0 0;}
    .floatbook .bookform .w100:first-child{margin-top:10px;}
    
    .howtohandle{border-radius:16px;padding:20px;flex-direction:column;}
    .howtohandle .desc{width:100%;}
    .howtohandle .face{width:100%;margin-top:20px;}
    .howtohandle .desc .nm{font-size:22px;margin-bottom:15px;}
    .howtab { margin-top:10px;}

    .category{width:100%;overflow:hidden;overflow-x:auto;padding-bottom:0px;margin-top:0px;}
    .category .wrap{padding:0px 0px 0 0px;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;width:800px;}
    .category .li{line-height:18px;padding:8px 10px;font-size:13px;color:#333;display:flex;justify-content:center;align-items:center;cursor:pointer;}
    .category .li:hover{color:#333333;}
    .category .li.on{background-color:#ee624f;color:#ffffff;}
    .category.fixed{position:fixed;top:80px;left:0;left:0;z-index:99;}

    /*BEGIN: 产品详情*/
    .detailcontainer{margin-top:5px;padding-bottom:40px;flex-direction:column;}
    .tourmain{width:100%;}
    .tourside{width:100%;position:inherit;}

    .gallery img{width:calc((100% - 15px) / 4);margin:0 5px 5px 0;}

    .highlights{margin-top:25px;}

    .tourdetail{padding:10px;}
    .tourdetail .item{width:100%;padding:10px 5px;justify-content:flex-start;}
    .tourdetail .item .k{width:120px;}
    .tourdetail .item .v{max-width:calc(100% - 130px);}
    .tourdetail .item .v.price{align-items:flex-start;align-content:flex-start;}

    .itinerary .day{margin-bottom:10px;padding:0 10px;}
    .itinerary .day .title{padding:10px 0;}
    .itinerary .day .title .nm{font-size:15px;}
    .itinerary .day .attr .item{padding:8px 0;flex-direction:column;}
    .itinerary .day .attr .item .k{width:100%;}
    .itinerary .day .attr .item .v{width:100%;max-width:100%;box-sizing:border-box;padding:0 10px 0 36px;}

    .included{margin-top:40px;}
    .included .incbox{flex-direction:column;}
    .included .incbox .ibox{width:100%; border-radius:10px;padding:10px;box-sizing:border-box;margin-bottom:10px;}

    .slide{width:100%;box-sizing:border-box;position:initial;top:0;left:0;margin-top:10px;}
    
    /*END: 产品详情*/

    /*Begin: Travel Guide*/
    .guidesection{border-top:solid 2px #f5f5f5;padding:40px 0;}
    .guidlist .item{width:calc((100% - 10px) / 2);border-radius:10px;margin:0 10px 10px 0;box-sizing:border-box;padding:0px;display:flex;flex-direction:column;color:#000;}
    .guidlist .item:nth-child(3n){margin-right:10px;}
    .guidlist .item:nth-child(2n){margin-right:0px;}
    .guidlist .item img{width:100%;border-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
    .guidlist .item .nm{line-height:20px;margin-top:0px;width:100%;font-weight:normal;box-sizing:border-box;padding:6px 5px;font-size:13px;}

    .phone_article_menu{display:flex;width:60px;height:60px;border-radius:60px;background-color:rgba(238,98,79,0.6);color:#fff;font-size:10px;color:#fff;position:fixed;top:80%;right:5px;line-height:18px;z-index:90;}
    .categorybox{display:none;}
    .categorybox.on{display:flex; position:fixed;bottom:0;right:0;z-index:999;background-color:#fff;}
    .categorybox.on .clist{max-height:300px;overflow:hidden;overflow-y:auto;}
    .categorybox.on .ctitle{justify-content:flex-start;padding-left:10px;} 
    .categorybox.on .close{width:40px;height:40px;background:url('/skin/images/ico-close-circle.png') no-repeat center center;background-size:25px 25px;position:absolute;top:0;right:5px;}
        
    /*End: Travel Guide*/
    .aboutus{flex-direction:column;}
    .aboutus .articledesc{width:100%;}
    .aboutus .face{width:100%;margin-top:20px;}
    .aboutnum{margin-top:20px;}
    .aboutnum .item{width:calc((100% - 10px) / 2);padding:10px;box-sizing:border-box;margin:0 10px 10px 0;}
    .aboutnum .item:nth-child(2n){margin-right:0;}
    .aboutnum .item .num{font-size:24px;margin-bottom:20px;}

    .team{margin-top:30px;}
    /*.team .member{width:calc((100% - 10px) / 2);margin:0 10px 10px 0;position:relative;padding-top:40px;}
    .team .member:nth-child(2n){margin:0 0 10px 0;}
    .team .member:nth-child(4n){margin:0 0 10px 0;}*/
    .team .member{width:100%;margin:0 0px 10px 0;position:relative;padding-top:40px;}
    .team .member:nth-child(3n){margin:0 0 10px 0;}
    .team .member .face {height:80px;position:absolute;top:0;left:0;}
    .team .member .face img{width:80px;height:80px; border:solid 4px #fff;border-radius:80px;}
    .team .member .inner{height:100%;padding:40px 10px 10px 10px;}
    .team .member .inner .nm{margin-top:6px;font-size:18px;}
    .team .member .inner .jobposi{margin-top:1px;font-size:14px;}
    .team .member .inner .desc{margin-top:20px;}
    .travelphotos{margin-top:20px;}
    .travelphotos img{width:calc((100% - 10px) / 2);margin:0 10px 10px 0;}
    .travelphotos img:nth-child(2n){margin:0 0 10px 0;}
    .travelphotos img:nth-child(4n){margin:0 0 10px 0;}

    .searchhead{flex-direction:column;}
    .searchhead .srhform{width:100%;}
    .searchhead .txt{width:calc(100% - 100px);}
    .searchhead #Results{margin-top:10px;width:100%;}
}