p,h4 {
    margin:0;padding:0;
    font-weight:normal;
}
/* ==========================================================================
   关于定制页面
   ========================================================================== */

.dAboutContent {
    padding-top:89px;
    padding-bottom:116px;
}
.dAboutBox {
    overflow:hidden;
    width:970px;
    margin:87px auto 0 auto;
}
.dAboutContent .dAbout {
    width:33.33%;
    float:left;
}

.dAboutContent .dAbout img {
    display:block;
    margin:0 auto;
  }
.dAboutContent .dAbout span {
    display:block;
    text-align:center;
    font-size:18px;
    line-height:18px;
    color:#455c81;
    margin-top:28px;
    margin-bottom:13px;
    height: 18px;
    overflow: hidden;
  }
.dAboutContent .dAbout .txt {
    text-align:center;
    font-size:13px;
    line-height:24px;
    color:#3e3a39;
  }


.dProcedure {
    text-align:center;
    position:relative;
    margin-bottom:43px;
}

.dProcedureTitle .title{
    letter-spacing: 5px;
}

.dProcedureBox{
    margin-top:47px;
}
.dProcedure span {
    font-size:13px;
    color:#3e3a39;
    border-bottom:1px solid #455c81;
    display:inline-block;
    line-height: 20px;
    padding-bottom: 4px;
}

.dProcedure .dProcedureArrow {
    width:19px;
    height:10px;
    background:#fff url(../images/designProcedure.png) no-repeat;
    position:absolute;
    left:50%;
    margin-left:-10px;
    bottom:-9px;
}

.signatureContent {
    width:100%;
    background-color: #dceff7;
    padding-bottom:57px;
    padding-top:85px;
}

.signatureContent .itemBox{
    width: 970px;
    margin:100px auto 40px auto;

}

.signatureContent .itemBox .item{
    width: 21%;
    margin:0 2%;
    float: left;
    font-size: 13px;
    line-height: 24px;
 }

.signatureContent .itemBox .item .icoTitle{
    line-height: 50px;
    padding-top:65px;
    background:  center 5px no-repeat;
    color: #4d6da0;
    font-size: 19px;
    letter-spacing: 2px;
}

.signatureContent .itemBox .item .icoTitle.professional{
    background-image: url(../images/ico_zhuanye.png);
}

.signatureContent .itemBox .item .icoTitle.safe{
    background-image: url(../images/ico_anxin.png);
}

.signatureContent .itemBox .item .icoTitle.cheap{
    background-image: url(../images/ico_huasuan.png);
}

.signatureContent .itemBox .item .icoTitle.easy{
    background-image: url(../images/ico_jiandan.png);
}


.signatureContent .dProcedureTitle .title{
    background-color: #dceff7;
}

.dProcedureContent {
    width:100%;
    padding-bottom:57px;
    padding-top:85px;
}


.dProcedureContent .dProcedureTitle .title{
    background-color: #fff;
}

.dProcedureContent .itemBox{
    width: 970px;
    margin:80px auto 0 auto;

}

.dProcedureContent .itemBox .item{
    width: 33.33%;
    text-align: center;
    float: left;
    font-size: 13px;
    line-height: 20px;
    height: 160px;
    background: left center no-repeat;
    position: relative;
}

.dProcedureContent .itemBox .item div{
    width:85px;
    height: 85px;
    border-radius: 50%;
    background:#65c0af center no-repeat;
    margin: 5px auto;
}

.dProcedureContent .itemBox .item span{
    position: absolute;
    right: -15px;
    font-size: 48px;
    top:30px;
    color:#65c0af;
}

.dProcedureContent .itemBox .item_01 div{
    background-image: url(../images/ico_designFLow_01.png);
}

.dProcedureContent .itemBox .item_02 div{
    background-image: url(../images/ico_designFLow_02.png);
}
.dProcedureContent .itemBox .item_03 div{
    background-image: url(../images/ico_designFLow_03.png);
}
.dProcedureContent .itemBox .item_04 div{
    background-image: url(../images/ico_designFLow_04.png);
}
.dProcedureContent .itemBox .item_05 div{
    background-image: url(../images/ico_designFLow_05.png);
}
.dProcedureContent .itemBox .item_06 div{
    background-image: url(../images/ico_designFLow_06.png);
}

.costBg {
    padding-top:90px;
}
.costContent {
    width:966px;
    border:2px solid #455c81;
    margin:0 auto;
    padding-bottom:15px;
    margin-top:59px;
}
.costBox{
    overflow:hidden;
    
}
.costBox .costBoxLeft {
    float:left;
    width:482px;
    border-right:1px solid #455c81;
    padding-bottom:50px;
}
.costBox .costBoxRight {
    border-right:none;
}
.costBox .cLeftTitle {
    width:426px;
    font-size:18px;
    color:#455c81;
    line-height:60px;
    text-align:center;
    margin:0 auto;
    border-bottom:1px solid #455c81;
    margin-bottom:53px;
}
.costBox .costTxtBox {
    width:314px;
    margin:0 auto;

}
.costTxtBox a {
    display:block;
    text-align:center;
    font-size:16px;
    color:#455c81;
  margin-bottom:4px;

}
.costTxtBox a:hover {
  text-decoration:underline;
}
.costTxtBox .txt {
    font-size:12px;
    color:#3e3a39;
    line-height:18px;
    text-align:center;
}
.costTxtBox img {
    display:block;
    margin:0 auto;
    margin-top:18px;
    margin-bottom:27px;
}
.costContent .costBoxLine {
    width:910px;
    margin:0 auto;
    height:1px;
    background-color:#455c81;
}
.costContent .costFooterTxt {
    width:910px;
    margin:0 auto;
}
.costContent .costFooterTxt span {
    display:block;
    font-size:14px;
    line-height:14px;
    color:#455c81;
    margin-top:15px;
    margin-bottom:4px;
}
.costContent .costFooterTxt .txt {
    font-size:12px;
    line-height:18px;
    color:#455c81;
}

.startOrderBg  .startOrder p span{
    background-color:#f3f3f3;
        margin: 90px 0 80px 0;
}

/*弹窗*/
 /*小团服务费*/
.sGroupServeBg {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/popBg.png) repeat;
    display:none;
    z-index:222;
}
.sGroupServeContent {
    position:absolute;
    width:900px;
    left:50%;
    margin-left:-450px;
    top: 1728px;
    background-color:#fff;
    padding-top:30px;
    padding-bottom:30px;
}
.sGroupServeContent .sGroupServeTitle{
    width:100%;
    position:absolute;
    left:0;
    top:22px;
    text-align:center;
}
 .sGroupServeContent .sGroupServeTitle span {
    background-color:#fff;
    font-size:18px;
    color:#3e3a39;
    line-height:18px;
    overflow:hidden;
    height:18px;
    padding:0 28px;
}
.sGroupServeContent .sGroupServeBox {
    width:836px;
    margin:0 auto;
    border:2px solid #455c81;
}
.sGroupServeContent .sGroupServeInner {
    width:828px;
    margin:0 auto;
    border:1px solid #455c81;
    margin-top:3px;
    margin-bottom:3px;
}
.sGroupServeContent .sGroupServeTxt {
    width:740px;
    margin:0 auto ;
    margin-top:62px;
    border-top:1px solid #455c81;
    padding-top:24px;
    padding-bottom:17px;
    position:relative;
    font-size:12px;
    color:#3e3a39;
    line-height:21px;
}
.sGroupServeContent .sGroupServeTxtTitle{
    width:100%;
    position:absolute;
    left:0;
    top:-9px;
    text-align:center;
    height: 15px;
    overflow: hidden;
    line-height: 16px;
}
 .sGroupServeContent .sGroupServeTxtTitle span {
    background-color:#fff;
    font-size:15px;
    color:#3e3a39;
    padding:0 18px;
}
.sGroupServeContent .otherServe {
     width:740px;
    margin:0 auto ;
    font-size:12px;
    line-height:24px;
    padding-top:20px;
    padding-bottom:34px;
    border-top:1px solid #455c81;
}
 .sGroupServeContent .close {
     width:30px;
     height:30px;
     background:url(../images/closeBg.png) no-repeat;
     position:absolute;
     right:-35px;
     top:0;
     cursor:pointer;
    }
 /*小团实际旅行成本*/
 .sGroupActualBg {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/popBg.png) repeat;
    display:none;
    z-index:222;
}
.sGroupActualContent {
    position:fixed;
    top:240px;
}
 .sGroupActualContent .otherServe {
     padding-top:50px;
     padding-bottom:44px;
     border-top: none;
    }
 /*自由行服务费*/
 .freeServeBg {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/popBg.png) repeat;
    display:none;
    z-index:222;
}
.freeServeContent {
    position:absolute;
     left:50%;
    margin-left:-450px;
   top: 1728px;
}
.freeServeContent .sGroupServeTxt2 {
    margin-top:18px;
    }
/*自由行实际旅行成本*/
 .freeActualBg {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/popBg.png) repeat;
    display:none;
    z-index: 50;
}
 /* ==========================================================================
   旅行管家详情页面
   ========================================================================== */
.tButlermain {
    padding-top:138px;
}
.tButlerBox  {
    padding-top:57px;
    font-size:14px;
    line-height:24px;
    color:#231815;
}
.tButlerBox img { 
    max-width: 970px; height: auto;
}
.tButlerPage {
    overflow:hidden;
}
.tButlerPage a{
    display:block;
    font-size:12px;
    float:left;
    color:#999;
    height:12px;
    line-height:12px;
    overflow:hidden;
}
.tButlerPage .tButlerNext{
    float:right;
}
.tButlerPage a:hover{
    color:#455c81;
}
.tButlerPage{margin: 40px 0 80px;}
/* ==========================================================================
   旅行管家列表页面
   ========================================================================== */
.travelTop{ height:auto; position:relative; display:block; text-align:center; font-size:14px; padding-top:56px;}
.travelTop img{  margin:0 auto; width: 100%;}
.travelTop .name{ height:30px;width:100%; box-sizing:border-box; line-height:30px; background:url(../images/headBack.png) repeat; position:absolute; bottom:0; left:0; color:#fff;padding-left:33px;}
.travelBt{ text-align:center; padding:39px 235px 80px;}
.travelBt .btn{ margin-top:45px;}
.travelBt .title{ font-size:14px; color:#455c81; line-height:14px; text-align:center; letter-spacing:0.5px;height:14px;overflow:hidden;}
.travelBt .txt{ color:#3e3a39; font-size:13px; line-height:22px; letter-spacing:0.5px;margin-top:12px;}
.tButlerListBtn{ background:url(../images/mBtnBack.png) no-repeat center; width:136px; height:38px; line-height:38px; display:block; text-align:center; margin:0 auto; }
.tButlerListBox2 {
    background-color:#f3f3f3;
    width:100%;
    padding-top:89px;
}
.travelTop .name span {
    display:block;
    float:left;
    font-size:14px;
    color:#fff;
    margin-left:14px;
}
.travelTop .name .heart {
    width:27px;
    height:20px;
    background:url(../images/heart.png) no-repeat center;
    margin-top:5px;
}
.travelTop .name .heartIn {
    background:url(../images/heartIn.png) no-repeat center;
}
.travelTop .name .heartOn {
    background:url(../images/heartOn.png) no-repeat center;
}

.tButlerContent .pageList { float: none; margin: 20px auto;}
/* ==========================================================================
   路书页面
   ========================================================================== */
.travelBookTop { 
    overflow:hidden;
    padding-bottom:80px;
}
.travelBookTop .tBookTopTitle{
    display:block;
    font-size:18px;
    color:#4d6da0;
    line-height:18px;
    height:18px;
    text-align:center;
    overflow:hidden;
    margin-top:26px;
    margin-bottom:67px;
}
    .travelBookTop .tBookTopBox {
        float:left;
        width:298px;
        border:1px solid #72bedf;
        margin-right:35px;
        padding-top:19px;
        position:relative;
        padding-bottom: 16px;
    }
.travelBookTop .tBookTopBox .txt {
            height:84px;
           color:#3e3a39;
           margin:0 auto;
           font-size:12px;
          line-height:21px;
          text-align:center;
          letter-spacing:0px;
          overflow:hidden;
           text-overflow: ellipsis;
           display: -webkit-box;
          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical;

}
.travelBookTop .tBookTopBoxRight {
        margin-right:0;
}
.tBookTopBox h4 {
    width:100%;
    position:absolute;
    left:0;
    top:-9px;
    text-align:center;
    height:18px;
    line-height:18px;
    overflow:hidden;
}
.tBookTopBox h4 span{
    font-size:14px;
    color:#4d6da0;
    padding-left:28px;
    padding-right:28px;
    background-color:#fff;
}
.bookBg {
    width:100%;
    background-color:#dceff7;
    padding-top:30px;
    height: 770px;
}
.mBookBg{
    display: none;
}
.travelBookContent {
    padding-top:89px;
}
/*路书详情页面*/
.bookdetail_head{background: url(../images/bookhead_bg.png) repeat; }
.bookdetail_head ul{ width:100%;position:relative;overflow:hidden;height:80px;}
.bookdetail_head ul li{position:relative;float:left; overflow:hidden;height:80px; margin-left:20px;}
.bookdetail_head ul li:first-child{margin-left:0;}
.bookdetail_head ul li:hover{background-color:#455c81;}
.bookdetail_head ul li a{padding:20px 20px; display:block; font-size:18px; text-decoration:none; text-align:center;color:#333333;}
.bookdetail_head ul li:hover a{color:#fff;} 
.one_bookdetail{position:relative;padding-top:50px;}
.one_bookdetail1 {padding-top:0;}
.one_bookdetail3{margin-top:76px;padding-top:0;}
.one_bookdetail .book_paddingTop{padding-top:59px;}
.one_bookdetail .book_paddingTop1{padding-top:40px;}
.one_bookdetail .book_paddingTop2{padding-top:42px;}
.setBg{background-color:#f5f6f7;padding:14px 0 30px 0; margin-top:68px; border-top:1px solid #e8e9e9; border-bottom:1px solid #e8e9e9;}
.setBg2 {padding-bottom:60px;}
.one_bookdetail .book_paddingTop{font-size:12px;color:#333;line-height:24px;}
.one_bookdetail .book_paddingTop2 {font-size:12px;color:#333;line-height:24px;}
.one_bookdetail3 table{ border:1px solid #455c81; width:100%; margin-top:56px; margin-bottom:58px; text-align:center;}
.one_bookdetail3 table tr th {padding:20px 0;}
.one_bookdetail3 table tr th span{ display:block;font-size:18px; font-weight:bold; width:240px;line-height:20px;height:20px;overflow:hidden;color:#333;}
.one_bookdetail3 table tr td {padding:9px 0;}
.one_bookdetail3 table tr td span{display:block;font-size:14px;color:#333; width:240px;line-height:30px;}
.one_bookdetail3 table tr td.totali span{font-size:18px;color:#cc0000;}
.setBg .commonTitle .title {background-color:#f5f6f7;}
/*****************************开始定制*************************************/
 .startOrderBg{
        width:auto;
        padding-right: 10px;
        padding-left: 10px;
        background-color: #72bedf;
        margin-top: 80px;
        padding-top: 1px;
       padding-bottom: 1px;
    }
    .startOrderBg .startOrder p span{
        background-color: #72bedf;
    }
    .startOrderBg .orderContent .orderText{
        color: #3f3a3a;
    }
 .blue{color: #fff; background-color: #72bedf; padding: 85px 0px 80px;}
.blue .startOrder{ margin: 0; border-color: #fff;}
.blue .startOrder > div {border-color: #fff;}
.blue .startOrder > div > p span{ background-color: #72bedf;}
.blue .startOrder > div > p{color: #fff;}
.blue .orderContent .orderText{color: #fff;}
.blue .orderContent a{background:url("../images/bluestart.png") no-repeat center;color: #4d6da0;}
.tButlerListBox{ padding-top: 80px;}
.tButlerListBox:nth-child(2n){padding: 80px 10px 0; background-color:#dceff7;}

 .tButlerListBox:nth-child(2n) .commonTitle .title{background-color:#dceff7;}
/*****************************移动端*************************************/
@media(max-width:970px){
    .blue{ padding-left: 10px; padding-right: 10px; box-sizing:border-box;}
    /***********关于设计旅行**************/
    .dAboutContent{
        padding: 30px 10px 25px 10px;
    }
    .dAboutBox {
        width: 100%;
        margin-top: 14px;
    }
    .dAboutContent .dAbout{
        width: 31.3%;
        margin:26px 1% 0 1%;
    }
    .dProcedureContent{
       
        box-sizing:border-box;
        padding: 30px 10px 1px 10px;
    }

    .signatureContent .itemBox {
             width: 95%;
             margin: 30px auto 0 auto;
         }

    .signatureContent .itemBox .item{
        width: auto;
        margin: 20px auto;
        float: none;

    }

    .signatureContent .itemBox .item .icoTitle{
        font-size: 13px;

    }

    .dProcedureContent .itemBox{
        width: auto;
        margin: 30px auto 0 auto;
    }

    .dProcedureContent .itemBox .item{
         font-size: 11px;
        padding: 0 1%;
        width: 31.33%;
     }

    .dProcedureContent .itemBox br{
        display: none;
    }

    .dProcedureContent .itemBox .item div{
          width: 60px;
          height: 60px;
          background-size: 45px;
      }

    .dProcedureContent .itemBox .item span{
        top: 30px;
        right: -10px;
        font-size: 30px;
    }

    .dProcedure {
      margin-bottom: 30px;
    }
    .costBg {
    padding-top: 27px;
    padding-left: 10px;
    padding-right: 10px;
    }
    .costContent{
        width: 100%;
        margin-top: 26px;
    }
    .costBox .costBoxLeft{
        border-right: none;
        width: 100%;
        border-bottom: 2px solid #455c81;
        padding-bottom: 16px;
    }
    .costContent .costBoxLine{
        display: none;
    }
    .costBox .cLeftTitle{
        width: auto;
        margin-left: 12px;
        margin-right: 12px;
        margin-bottom: 15px;
        line-height: 48px;
    }
    .costBox .costTxtBox{
        width: auto;
        margin-left: 12px;
        margin-right: 12px;
    }
    .costContent .costFooterTxt{
        width: auto;
         margin-left: 10px;
        margin-right: 10px;
    }
    .costTxtBox img{
        margin-top: 12px;
       margin-bottom: 12px;
    }
   
    /***********旅行管家列表页**************/

    .tButlerContent{ 
        /*margin-top: 39px;*/
    }
    .tButlerListBox{padding-left: 10px;padding-right: 10px; width: 100%; box-sizing:border-box;padding-top: 30px;}
    .travelTop img{max-width: 100%;width: 100%; max-height: auto;}
    .travelTop .name{width: 100%; box-sizing:border-box;}
    .travelBt{width: 100%;box-sizing:border-box;}
    .tButlerBox img{width: 100%!important;}
    .pageHidden{ width: 100%!important;}
   /***********路书介绍**************/
   .travelBookContent{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 38px;
   }
   .travelBookTop .tBookTopBox{
    width: 31.53%;
    margin-right: 2.68%;
    box-sizing: border-box;
   }
   .travelBookTop .tBookTopBoxRight{
    margin-right: 0;
   }
   .bookBg{
    display: none;
   }
   .mBookBg{
    position: relative;
    display: block;
   }
   .mBookBg {
    margin-left: -10px;
    margin-right: -10px;
    padding: 20px 20px 60px;
   }
   .mBookBg .mBookSlide{
    margin:0 auto;
   }
   .mBookBg .mBookSlide a{
    display: block;
   }
   .mBookBg .mBookSlide a img{
    width: 100%;
   }
    .mBookSlide .slidesjs-pagination {
        bottom: 12px;
    }
    .mBookSlide .slidesjs-pagination {
        position: absolute;
        left: 50%;
        bottom: 20px;
        display: block;
        z-index: 11;
    }
   .mBookSlide .slidesjs-pagination li {
    float: left;
    font-size: 0;
   }
   .mBookSlide .slidesjs-pagination li a {
    width: 12px;
    height: 12px;
    border: 2px #4d6da0 solid;
    display: block;
    float: left;
    background-color: #dceff7;
    visibility: hidden;
   }
   .mBookSlide .slidesjs-pagination li a.active{
    visibility: visible;
   }
   .mBookSlide .slidesjs-navigation{
    width: 0;
    height: 0;
   }
   .mBookBg section{
      width: 100%;
      height: 1px;
      background-color: #4d6da0;
      position: relative;
      left: 0;
      bottom: -32px;
      z-index: 10;
   }
   .blue .startOrder{ border-color: #fff;}
    .startOrderBg{ margin-top:20px;}
}
@media(max-width:767px){
    /***********关于设计旅行**************/
    .dAboutContent .dAbout{
        width: 98%;
    }
   /***********旅行管家列表页**************/
   .travelBt{ padding:30px 0 30px; }
    .travelTop{padding-top:25px;}
    .travelBt .title{ color: #4d6da0;}
    .travelBt .btn{margin-top: 23px;}
    .tButlerListBox:nth-child(2n){padding: 30px 10px 0;}
    .travelTop .name .heart{background-size: 18px; margin-top:0 ;}
    .travelTop .name{height: 20px; line-height: 20px;}
   .blue{padding: 36px 10px 33px;}
    

/***********旅行管家列表页**************/
.tButlermain{padding-top: 86px;}
.tButlerBox{padding-top:25px;}
.tButlerPage{margin: 30px 0 50px;}
.sGroupServeContent .sGroupServeBox{
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
    }
 .sGroupActualContent .otherServe{
    width: auto;
    padding-top: 20px;
    padding-bottom: 20px;
 }
 .sGroupServeContent .sGroupServeInner{
    width: auto;
    margin-right: 3px;
    margin-left: 3px;
    padding-left: 10px;
    padding-right: 10px;
 }
 .sGroupServeContent .close{
    width: 20px;
    height: 20px;
    background-size: 20px;
    right: -25px;
 }
 .sGroupActualContent{
    position: absolute;
    top: 1360px;
 }
 .sGroupServeContent .sGroupServeTitle span{
    font-size: 16px;
    padding: 0 14px;
 }
 .sGroupServeContent .sGroupServeTxt{
    width: auto;
    margin-top: 26px;
    padding-bottom: 0;
 }
 .sGroupServeContent .otherServe{
    width: auto;
    padding-bottom: 20px;
 }
 .freeServeContent{
    top: auto;
    bottom: 0!important;
 }
 .sGroupServeBg .sGroupServeContent{
    top: auto;
    bottom: 0!important;
 }
 .sGroupServeContent .sGroupServeTxtTitle span{
    font-size: 12px;
    padding: 0 10px;
 }
 /***********路书介绍**************/
 .travelBookTop .tBookTopTitle{
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 30px;
 }
 .travelBookTop .tBookTopBox{
    margin-bottom: 30px;
 }
 .travelBookTop .tBookTopBox{
    width: 100%;
    margin-right:0;
    box-sizing:border-box;
    border: 1px solid #72bedf;
   }
   .travelBookTop {
    padding-bottom: 10px;
  }
   
        .startOrderBg .startOrder {
         margin: 38px 10px 28px 10px;
    }
}
@media(max-width:480px){
    /***********关于设计旅行**************/
.blue {
        padding: 36px 10px 48px;
    }

}