/* 行程蓝本 2016-12-12 */
.trip-detail-body{ background: #fff; }
.trip-detail-body .six-content{background: #fff;}
.trip-detail{ font-family: "PingFangSC-Light" }
.six-ft-btn{border:0 none;}
.od-btn-submit{ display: block; width: 100%; height: 44px; line-height: 44px; background: #57D07F; color: #FFF;  text-align: center; font-size: 14px;}
.topic-image{ width: 100%; position: relative; overflow: hidden; }
.banner-wrap .banner-slider{}
.banner-wrap .banner-slider img{ width: 100%; }
.topic-info-top{width: 100%; height: 100%; position: absolute;top:0; left: 0; z-index: 5; background: rgba(0,0,0,.45); color: #fff;}
.topic-title{ padding:50px 15px 0 15px; text-align: center; color: #fff; font-size: 18px;font-family: "PingFangSC-Medium" }
.topic-info{ width: 100%; position: absolute; left: 0; bottom: 0; text-align: center; padding-bottom: 12px; }
.topic-info .topic-inf1{ font-size: 14px; margin-bottom: 5px;font-family: "PingFangSC-Medium" }
.topic-info .topic-inf2{ font-size: 12px; }
.topic-info .topic-inf1 span,.topic-info .topic-inf2 span{ display: inline-block; margin:0 5px; }
.trip-commont{ background: #fff; margin-bottom: 10px; }
.trip-commont2{ background: #F6F9FB; margin-bottom: 10px;  }
.trip-commont-hd{text-align: center; font-size: 14px; color: #222; padding:15px; position: relative; }
.trip-commont-hd span{ display: inline-block; padding:0 10px;position: relative;}
.trip-commont-hd span:before{ display: inline-block; content: ''; width:10px; height: 1px; font-size: 0; background-color: #d2d2d2; position: absolute; left: -10px; top: 10px;}
.trip-commont-hd span:after{ display: inline-block; content: ''; width:10px; height: 1px; font-size: 0; background-color: #d2d2d2; position: absolute; right: -10px; top: 10px;}
.trip-commont2 .trip-commont-hd{ font-size: 12px; color: #666; }
.trip-commont2 .trip-commont-hd span{padding-top: 2px;}
.poi-special{ padding:5px 15px; font-size: 12px; color: #333; }
.poi-special p{ line-height: 18px; margin-bottom: 8px; padding-left: 24px; background: url(../img2/trip/zan.png) left 1px no-repeat; background-size: 15px;}
.specialSpotList{}
.specialSpotList ul{padding-left: 15px;}
.specialSpotList li {width: 50%;float: left; margin-bottom: 10px;}
.specialSpotList li a {display: block;margin-right: 15px; background-color: #FFF;}
.specialSpotList li .t2{ padding:10px; color: #666666; }
.specialSpotList li .t2 p{font-size: 12px; line-height: 14px; height: 28px; overflow: hidden; text-overflow:ellipsis;}
.specialSpotList .sp-img{ position: relative; width: 100%; border-radius: 2px; overflow: hidden;}
.specialSpotList .sp-img img{ border-radius: 2px; }
.specialSpotList .cy{ display: inline-block; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.35); color: #FFF; font-size: 10px; padding:0 5px;}
.specialSpotList li .t1{ padding-top: 5px; }
.specialSpotList li .t1 p{color: #333; font-size: 14px; height: 18px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.spec-more{ text-align: center; padding:5px 10px 15px 10px; color:#57D07F; }
.spec-more .btn-specMore{ display: inline-block; color:#57D07F; height: 26px; line-height: 24px; text-align: center;  font-size: 12px;  position: relative; }
.spec-more .btn-specMore .ic-poi{  display: inline-block; width: 11px; height: 7px; margin-left: 5px; background: url(../img2/trip/dw-arrow.png) no-repeat; background-size: 11px 7px;}
.spec-more .btn-specMore .ic-flod{ -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.trip-review{ background: transparent; }
.trip-opr{ position: absolute; right:15px; top: 15px; }
.trip-opr .checkbox { position: relative; display: inline-block;}
.trip-opr .checkbox input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; opacity: 0; cursor: pointer;}
.trip-opr .checkbox label {width: 48px;height: 20px; background: #ccc; position: relative; display: inline-block;border-radius: 10px; -webkit-transition: 0.4s; transition: 0.4s;}
.trip-opr .checkbox label:after { content: ''; position: absolute;width: 18px;height: 18px; border-radius: 100%;left: 1px;top: 1px; z-index: 2; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);  -webkit-transition: 0.4s; transition: 0.4s;}
.trip-opr .checkbox label:before{content: '展开'; display: inline-block; line-height: 18px; position: absolute; right: 5px; top:2px; color: #fff; font-size: 10px;}
.trip-opr .checkbox input:checked + label { background: #57D07F;}
.trip-opr .checkbox input:checked + label:after { background: #fff; left: 29px;}
.trip-opr .checkbox input:checked + label:before{content: '合起'; position: absolute; right: 23px; top:2px; color: #fff; font-size: 10px;}

.trip-content{padding:0 10px;}
.day-content-item{}
.day-hd{ width: 100%; position: relative; padding:15px 20px 15px 10px; }
.day-hd:before{ display: inline-block; content: ''; width: 2px; height: 34px; background: #57D07F; position: absolute; left:0; top:18px;  }
.day-hd:after{ display: inline-block; content: ''; width: 14px; height: 8px; position: absolute; right: 5px; top: 45px; background: url(../img2/trip/i-arr-dw.png) no-repeat; background-size: 14px 8px; }
.day-hd-unfold{border-bottom: 1px solid #e2e2e2;}
.day-hd-unfold:after{-webkit-transition:all 0.1s; -webkit-transform:rotate(180deg);  }
.day-content-item:last-child .day-hd-unfold{border-bottom: 0 none;}
.day-hd .day-inf{ line-height: 16px; padding-bottom: 3px; }
.day-hd .day-inf .day-number{ font-weight: 700; color: #333; font-size: 14px; }
.day-hd .day-inf .day-date{ margin-left: 10px; }
.day-hd .day-city-list{ font-size: 16px; color: #333; line-height: 20px; padding-right: 20px;  }
.day-bd{padding:5px 0 5px 5px;}
.day-bd .day-item{ background: #fff; margin-bottom: 8px; padding:15px; position: relative; }
.day-bd .day-item-arrow:after{ display: inline-block; content: ''; width: 12px; height: 12px; position: absolute; right: 15px; top: 50%; margin-top: -6px; background: url(../img2/common-v2/i_arr_right.png) no-repeat; background-size: 12px 12px; }
.day-bd .day-item-arrow .day-item-cont{padding-right: 30px;}
.day-bd .itrip{ display: inline-block; width: 20px; height: 20px; position: absolute; left: 15px; top: 50%; margin-top: -10px; background: url(../img2/trip/itrip.png) no-repeat; background-size: 100px 20px; }
.day-bd .itrip-flight{background-position: -20px 0;}
.day-bd .itrip-remark{background-position: -80px 0;}
.day-bd .itrip-spot{background-position: -40px 0;}
.day-bd .itrip-activity{background-position: 0 0;}
.day-bd .itrip-hotel{background-position: -60px 0;}
.day-bd .day-text{ font-size: 12px; color: #999; }
.day-bd .day-item-cont{ padding-left: 30px; overflow: hidden; }
.day-bd .flight-inf{ font-size: 14px; color: #333; font-family: "PingFangSC-Regular";}
.day-bd .day-remark .itrip{ top: 15px; margin-top: 0; }
.day-bd .day-remark .remark-inf{ color: #666; }
.day-bd .day-item-cont .day-img{width: 64px; height: 43px; float: left; margin-right: 10px;}
.day-bd .day-item-cont .day-img img{ width: 100%; }
.day-bd .day-item-cont .day-item-title{ padding-left: 10px;padding-top: 12px; font-family: "PingFangSC-Regular"; font-size: 14px; color:#333;}
.day-bd .day-item-cont .day-item-title p{height: 18px; line-height: 18px; font-size: 14px; color: #333; white-space: nowrap;overflow: hidden;  text-overflow: ellipsis; }
.traffic-box{padding-bottom: 5px;}
.traffic-box .traffic-list{padding:0 15px;}
.traffic-box .traffic-list .trafficItem{ display: block; position: relative; color: #fff; margin-bottom: 10px; -webkit-border-radius: 4px; border-radius: 4px; background-image: linear-gradient(-90deg, #55C089 0%, #A1D766 100%);}
.traffic-box .traffic-list .trafficHd{ height: 42px; line-height: 42px; padding:0 15px; font-size: 14px; text-align: right; border-bottom: 1px solid #FFF; position: relative; }
.traffic-box .traffic-list .trafficHd:before{display: inline-block; content: ''; width: 12px; height: 12px; border-radius: 6px; background: #fff; position: absolute; left: -6px; top: 36px; }
.traffic-box .traffic-list .trafficHd:after{display: inline-block; content: ''; width: 12px; height: 12px; border-radius: 6px; background: #fff; position: absolute; right: -6px; top: 36px; }
.traffic-box .traffic-list .trafficHd .traffic-day{ float: left; }
.traffic-box .traffic-list .trafficHd .traffic-city{ display: block; height: 42px; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.traffic-box .traffic-list .trafficInf{ height: 30px; font-size: 10px; padding:0 12px; line-height:30px;  position: relative;}
.traffic-box .traffic-list .trafficInf:after{ content: ''; position: absolute; left: 0; background: #fff;  width: 100%;  height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);  -webkit-transform-origin: 0 0;  transform-origin: 0 0;}
.traffic-box .traffic-list .trafficInf .trafficNo{ float: left; }
.traffic-box .traffic-list .trafficInf .trafficLastTime{ float: right; }
.trafficBd{padding:10px 15px;}
.trafficBd .airpot-info{ display: table; width: 100%;font-size:12px }
.trafficBd .from-info {display: table-cell; width: 35%; }
.trafficBd .time-info {display: table-cell; width: 30%; text-align: center; padding: 0 8px; vertical-align: middle;}
.trafficBd .to-info{display:table-cell; width:35%; text-align:right; }
.trafficBd .date-font{ line-height: 14px;font-size: 10px; }
.trafficBd .time-font {font-size: 20px;  line-height: 30px; font-weight: 700;}
.trafficBd .from-place, .trafficBd .to-place {  line-height: 12px;margin: 6px 0; }
.trafficBd .plane-info {position: relative; height: 1px;}
.trafficBd .arrow-right{position:absolute;width:100%;border-bottom:1px dashed #fff}
.trafficBd .plane-info-icon{ display: inline-block; width: 17px; height: 6px; background: url(../img2/trip/iplane.png) no-repeat; background-size: 17px 6px; position: absolute; left: 50%; top: -10px; margin-left: -10px; }
.trafficInf .ic-poiTime{ display: inline-block; width: 12px; height: 12px; background-position: -96px -8px; margin-right: 3px; position: relative; top: 2px;}
.hotel-list{padding:0 15px 5px 15px;}
.hotel-list .hotel-item{ display: block; margin-bottom: 10px; padding-bottom: 15px; position: relative; background: #fafafa;}
.hotel-list .hotelHd{ height: 42px; line-height: 42px; padding:0 15px; font-size: 14px; text-align: right; position: relative; }
.hotel-list .hotelHd .hotel-day{ float: left; }
.hotel-list .hotelHd .hotel-city{ display: inline-block; height: 42px; padding-left: 16px; background: url(../img2/trip/ipin.png) left center no-repeat; background-size: 11px 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hotel-list .hotelBd{ padding:0 15px; overflow: hidden; padding-left:115px; }
.hotel-list .hotelBd dl{ padding-left: 15px; }
.hotel-list .hotel-img{ float: left; width: 100px; height: 67px; overflow: hidden; margin-left: -100px; position: relative;}
.hotel-list .hotel-img img{ width: 100%; height: auto;}
.hotel-list .day-section{ display: block; width: 24px; height: 53px; line-height: 14px; padding-top: 4px; text-align: center; color: #FFF; font-size: 10px; background-color:#15c35a; position: absolute; top: 20px; left: 0; }
.hotel-list .day-section .day-number{display: block; text-align: center; font-size: 10px;}
.hotel-list .day-section .day-lastDot{ display: inline-block; width: 10px; height: 14px; background-position:-105px -129px;  }
.hotel-list .hotelName{ font-size: 14px; color: #333; height: 24px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hotel-list .hotelNameEg{ font-size: 10px; color: #999; height: 16px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hotel-list .hotelInfo{ overflow: hidden; color: #666; font-size: 12px; margin-top: 6px;}
.hotel-list .hotelInfo span{ float: left;}
.hotel-list .hotelStar{ margin-right: 5px;}
.hotel-list .hotelStar .ic-star-sm{ float: left; display: inline-block; width: 10px; height: 10px; background:url(../img2/trip/ibigStar.png) no-repeat; background-size: 10px 10px; margin-right: 2px; margin-top: 3px;}
.cost-list{padding:0 15px 15px;}
.cost-list .cost-item{ display: block; background: #fafafa; margin-bottom: 10px; }
.cost-list .cost-item .cost-hd{ text-align: center; font-size: 12px; color: #333; padding:10px; }
.cost-list .cost-item .cost-bd{ padding:0 15px 15px; font-size: 12px; color: #666; line-height: 18px; }

.trip-topSlider {width: 100%;overflow: hidden;position:relative;}
.trip-topSlider .swiper-slide {position:relative;text-align:center;}
.trip-topSlider img {max-width: 100%;}
.trip-topSlider .pagination {position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center;right:0;}
.trip-topSlider .swiper-pagination-bullet {display: inline-block;width: 6px;height: 6px;border-radius:3px;background: rgba(255,255,255,.65);margin: 0 2px;opacity: 0.8;cursor: pointer;}
.trip-topSlider .swiper-pagination-bullet-active {background: #15c35a;}
.trip-spotTitle { padding: 15px; text-align: center; }
.trip-spotTitle .trip-colName{ font-size: 18px; color: #333; line-height: 20px; margin-bottom: 4px; font-family: "PingFangSC-Regular";  }
.trip-spotTitle .trip-colEng{ font-size: 14px; color: #999; }
.trip-infoCont{padding-top: 10px;}
.trip-infoCont2{ padding-top: 15px; }
.trip-infoItem{padding:0 15px; margin-bottom: 5px;}
.trip-infoItem dt{ display: block; position: relative; color: #999; font-size: 16px; padding-left: 10px; line-height: 20px; }
.trip-infoItem dt:before{display: inline-block; content: ''; width: 3px; height: 10px; background: #57D07F; position: absolute; left:0; top:50%; margin-top: -5px;}
.trip-infoItem dd{padding:10px 0 10px 10px; color: #333; font-size: 14px; line-height: 22px;}
.trip-starDt{ margin-top: 10px; }
.trip-starDt .poi-hotelStar{ color: #666; }
.trip-hotelStar .ic-star-bg{display: inline-block; width: 14px; height: 14px; background:url(../img2/trip/ibigStar.png) no-repeat;background-size: 14px 14px; position: relative; top: 1px;}
.trip-infoItem .pgn{color: #57D07F;}
.play-title{ padding:0 15px; margin-top: 50px; text-align: center; color: #fff; font-size: 20px; line-height: 24px; font-family: "PingFangSC-Medium" }
.play-city{ text-align: center; padding:10px 15px; font-size: 12px; margin-top: 10px; }
.play-city span{ display: inline-block; background: url(../img2/trip/ipin-wht.png) left center no-repeat; background-size: 10px 10px; padding-left: 15px; }
.play-label{ width: 100%; position: absolute; bottom:10%; left: 0; text-align: center; }
.play-label .pl-label-item{display: inline-block; height: 18px; line-height: 18px; padding:0 5px; border-radius: 3px; border:1px solid #fff; margin:0 5px; font-size: 10px;}
.pl-label .pl-label-item{display: inline-block; height: 18px; line-height: 18px; color: #666; padding:0 5px; border-radius: 3px; border:1px solid #666; margin-right: 10px; font-size: 10px;}
.desc-more{ padding: 5px; text-align: center;  display: block;}
.desc-more span{ display: block; line-height: 14px; font-size: 10px;color: #999; }
.desc-more .up-arr{ display: inline-block; width: 10px; height: 7px; background: url(../img2/trip/dw-arr-gry.png) no-repeat; background-size: 10px 7px; }
.desc-more .dw-arr{ -webkit-transform:rotate(180deg); }
.traffic-wrap{padding-top: 15px;}
.flight-remark-box{padding:0 15px;}
.flight-remark-box .flight-remark{padding:10px; padding-left: 35px; font-size: 12px; color: #666; background:#F6F9FB ; position: relative; }
.flight-remark-box .flight-remark:before{display: inline-block; content:''; width: 20px; height: 20px; position: absolute; left: 10px; top: 10px; background: url(../img2/trip/itrip.png) -80px 0 no-repeat; background-size: 100px 20px;}
.six-ft-cell2{}
.six-ft-cell2 {display: table; width: 100%; height: 44px;}
.six-ft-cell2 a{ display: table-cell; height: 44px; width: 50%; text-align: center; vertical-align: middle;  }
.six-ft-cell2 .btn-consult{   text-align: center; color: #333; font-size: 14px; }
.six-ft-cell2 .btn-consult .iconsult{ display: inline-block; width: 20px; height: 20px;  position: relative; top: 3px; margin-right: 5px; background: url(../img2/trip/i_hm_dialogue.png) no-repeat; background-size: 20px 20px;  }
.six-ft-cell2 .btn-payment{  text-align: center; color: #FFF; background-color: #16c35a; font-size: 14px; }


/* 行程概览优化   2017-03-07 */
.trip-content{padding:0;}
.day-content-item{background: #fff; margin-bottom: 10px;}
.day-hd{padding: 15px 20px 15px 20px; border-bottom: 1px solid #e2e2e2;}
.day-hd:before { display: inline-block; content: ''; width: 4px; height: 12px; background: #57D07F; position: absolute; left: 10px; top: 17px;}
.day-hd:after{right: 20px; top: 50%; margin-top: -4px;}
.day-hd .day-inf{ margin-bottom: 5px; }
.day-bd { padding: 0 20px ;}
.day-bd .day-item{padding: 15px 0;}
.day-bd .itrip{ left:0; }
.day-bd .day-food{position: relative;border-bottom: 1px solid #e2e2e2;}
.day-bd .day-remark{ margin-bottom: 0; position: relative; border-top: 1px solid #e2e2e2;}
.day-bd .day-item-arrow:after{right: 0;}
.day-bd .day-item-cont .day-img{ width: 90px; height: 60px; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden;}
.day-bd .day-item-cont .day-item-info{}
.day-bd .day-item-cont .day-item-title{padding: 0; height: 20px; line-height: 20px; }
.day-bd .day-item-cont .day-item-engtitle{ font-family: "PingFangSC-Light"; height: 18px; line-height: 18px; font-size: 12px; color:#999;white-space: nowrap;overflow: hidden;  text-overflow: ellipsis; }
.day-bd .day-item-cont .day-item-label{ margin-top: 5px; }
.day-bd .day-item-cont .day-item-label span{ display: inline-block; position: relative; padding:0 3px; margin-right: 5px; height: 14px; line-height: 14px;/*  border:1px solid #FF7100; */ -webkit-border-radius: 2px; border-radius: 2px; color: #FF7100; font-size: 10px; }
.day-bd .day-item-cont .day-item-levels{margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.day-bd .day-item-cont .hotelStar{  float: left; margin-right: 5px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.day-bd .day-item-cont .hotelStar .ic-star-sm{ float: left; display: inline-block; width: 10px; height: 10px; background:url(../img2/trip/ibigStar.png) no-repeat; background-size: 10px 10px; margin-right: 2px; margin-top: 3px;}
.day-hd-unfold{border-bottom: none;}
@media screen and (-webkit-min-device-pixel-ratio:2) {
    .ui-border-radius { position: relative; border: 0 }
    .ui-border-radius:before { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #FF7100; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 1px; -webkit-box-sizing: border-box; border-radius: 4px; pointer-events: none }
    .day-bd .day-food{border-bottom: 0;}
    .day-bd .day-food:after{display: inline-block; content: ''; position: absolute; bottom: 0; height: 1px; width:100%; background: #e2e2e2; overflow: hidden;  transform: scaleY(0.5);  -webkit-transform: scaleY(0.5);}
    .day-bd .day-remark{border-top: 0;}
    .day-bd .day-remark:before{ display: inline-block; content: ''; position: absolute; top: 0; height: 1px; width:100%; background: #e2e2e2; overflow: hidden;  transform: scaleY(0.5);  -webkit-transform: scaleY(0.5);}}


    /* 增加分享到朋友圈图标 2017-04-12 */
    .six-ft-cell3{display: table; width: 100%; height: 44px;}
    .six-ft-cell3 .btn-share{ width: 24%;  display:table-cell;vertical-align: middle; min-width: 44px; max-width: 60px;height: 44px; text-align: center; border-right: 1px solid #ededed; font-size: 14px; color: #333; }
    .six-ft-cell3 .btn-consult{ width: 38%; }
    .six-ft-cell3 .btn-payment{ width: 38%; }
    .six-ft-cell3 .btn-share .iconshare{ display: inline-block; width: 20px; height: 20px; vertical-align: middle; position: relative;  top: -1px; margin-right: 5px; background: url(../img2/trip/i_hm_share.png) center center no-repeat; background-size: 20px 20px; }
    .six-ft-cell3 .btn-consult{ vertical-align: middle; }
    .six-ft-cell3 .btn-consult .iconsult{ vertical-align: middle; top: 0; }

    /* 增加空心星星图标 2017-09-15 */
    .hotelStar .ic-star-hollow{ float: left; display: inline-block; width: 10px; height: 10px; background: url(../img/icons-star-hollow-mo.png); background-size: 10px 10px; margin-right: 1px; margin-top: 3px;}
	.trip-hotelStar .ic-star-bg-hellow{display: inline-block; width: 14px; height: 14px; background:url(../img/icons-star-hollow-mo.png) no-repeat;background-size: 14px 14px; position: relative; top: 1px;}

/*V3  2018-11-2 */
.trip-route-content{ padding-bottom: 66px; background: #F8F8F8;-webkit-overflow-scrolling: touch;}
.trip-route,.trip-route .six-content{ background: #F8F8F8; position: relative;}
.trip-route-banner{ width: 100%; position: relative;}
.top-back{ display: inline-block; width: 30px; height: 30px;  border-radius: 50%; position: absolute; left: 10px; top: 10px; background:rgba(0,0,0,.3) url(../img2/trip/i_top_back.png) center center no-repeat; background-size: 14px 14px; z-index: 10;}
.top-share{ display: inline-block; width: 30px; height: 30px; border-radius: 50%; position: absolute; right: 10px; top: 10px; background:rgba(0,0,0,.3) url(../img2/trip/i_top_share.png) center center no-repeat; background-size: 14px 14px;z-index: 10;}
.route-icons{ background: url(../images/route-icon.png) no-repeat; background-size: 230px 27px;}
.trip-route-banner img{ width: 100%;}
.trip-route-banner .mask-top{width: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.trip-route-info{ background: #FFFFFF; border-radius: 8px 8px 0 0; padding:25px 15px; position:relative; margin-top: -10px;}
.trip-route-info .route-title{ font-size: 24px; color: #484848; line-height: 1.4; font-weight: 700; word-wrap:break-word; }
.trip-route-info .route-baseInfo{ padding-top: 20px; color: #979797; font-size: 12px;}
.trip-route-info .route-baseInfo .route-price{ float: left; }
.trip-route-info .route-baseInfo .route-price dfn{ color: #F77363; font-weight: bold;font-style: normal;}
.trip-route-info .route-baseInfo .route-price .price{color: #F77363; font-size: 28px; line-height: 28px; }
.trip-route-info .route-baseInfo .route-days-total{ float: left; font-size: 12px; color: #40B971;}
.trip-route-info .route-baseInfo .route-days-total span{ font-size: 24px;}
.trip-route-info .route-baseInfo .route-consult-num{ float: right; margin-top: 12px;}
.route-travel-info{ background: #FFFFFF; position: relative; padding-bottom: 25px; margin-bottom: 10px; }
.route-travel-info .travel-info{ margin-left: 15px; margin-right: 15px; padding:25px 0 10px 15px; background: #FFFFFF; -webkit-border-radius: 8px; border-radius: 8px; box-shadow: 0px 5px 16px 0px rgba(23,25,29,0.12);}
.route-travel-info .travel-info .info-list{ display: block; float: left; width: 50%; margin-bottom: 15px; font-size: 14px; line-height: 18px; color: #979797;}
@media only screen and (max-width: 320px) {
	.route-travel-info .travel-info .info-list{font-size: 12px;}
}
.route-travel-info .travel-info .info-list b{ color: #484848; font-weight: 700;}
.route-service{ background: #F8F8F8; display: flex; display: -webkit-box; display: -webkit-flex;-webkit-box-align: center;  -webkit-align-items: center; align-items: center;}    
.route-service .route-service-item{ padding:20px 0; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center; font-size: 12px; color: #979797;}
.route-service .route-service-item span{ line-height: 12px;}
.route-service .route-service-item i{ display: inline-block; width: 12px; height: 12px; background-position:-77px -4px ; margin-right: 3px; vertical-align: middle; margin-top: -2px;}
.route-content{ background: #FFFFFF; margin-bottom: 10px; color: #666666; overflow: hidden; }
.route-content .route-content-title{ padding:30px 15px; color: #484848; position: relative; }
.route-content .route-content-title h2{ float: left; font-size: 22px; font-weight: 700;}
.route-content .route-reason{ padding:20px 15px 30px 15px;  position: relative;}
.route-content .route-reason:before{ content: ''; display: inline-block; width: 21px; height: 16px; position: absolute; left: 15px; top: -15px; background: url(../images/route-icon.png) -126px -2px no-repeat; background-size: 230px 27px;}
.route-content .route-reason .reason-text{font-size: 14px;  line-height: 1.7;}
.route-fold-box{ padding-top: 18px; text-align: center;}
.route-fold-box .fold .icon-arrow-down{ display: inline-block; width: 16px; height: 8px; background: url(../img2/trip/fold.png) no-repeat; background-size: 16px 8px;}
.route-lights{ padding:0 15px 15px 15px; }
.route-lights .lights{ font-size: 14px; line-height: 1.7; margin-bottom: 18px; position: relative; padding-left: 20px;}
.route-lights .lights:before{content: ''; display: inline-block; width: 6px; height: 6px; -webkit-border-radius: 3px; border-radius: 3px; background: #E1E7EB; position: absolute; left: 0; top: 7px;}
.route-special{  padding-bottom: 30px; position: relative;}
.route-special-container{ overflow: visible;}
.route-special-container .swiper-slide{ width: 60%; }
.route-special-container .special-box{ width: 100%; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0px 2px 14px 0px rgba(23,25,29,0.12); margin-bottom: 15px;}
.route-special-container .special-box .img{ width: 100%; position: relative;}
.route-special-container .special-box .img img{ width: 100%;}
.route-special-container .special-box .img .local{ display: inline-block; height: 18px; padding:2px 5px; -webkit-border-radius: 9px; border-radius: 9px; background: rgba(15,15,15,.5); font-size: 10px; color: #FFFFFF; position: absolute; top: 10px; right: 10px;}
.route-special-container .special-box .title{ text-align: center; padding:12px 15px;  color: #666666; font-size: 16px; }
.route-special-container .special-box .title p{ height: 18px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.fraction .swiper-pagination{ position: absolute; top: -60px; right: 20px; text-align: right; padding-right: 15px; font-size: 14px; letter-spacing: -1px; color: #929292; z-index: 0;}
.fraction .swiper-pagination .swiper-pagination-current{ font-size: 24px; color: #484848;}
.route-special-container  .swiper-slide:last-child { margin-right: 50px; }
.route-advantage{background: #F8F8F8; padding:15px 30px 18px 30px;}
.route-advantage img{ width: 100%;}
.route-opr{ float: right; }
.route-opr .checkbox { position: relative; display: inline-block;}
.route-opr .checkbox input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; opacity: 0; cursor: pointer;}
.route-opr .checkbox label {width: 60px;height: 28px; background: #ccc; position: relative; display: inline-block;border-radius: 14px; -webkit-transition: 0.4s; transition: 0.4s;}
.route-opr .checkbox label:after { content: ''; position: absolute;width: 22px; height: 22px; border-radius: 100%;left: 3px;top: 3px; z-index: 2; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);  -webkit-transition: 0.4s; transition: 0.4s;}
.route-opr .checkbox label:before{content: '展开'; display: inline-block; line-height: 22px; position: absolute; right: 7px; top:3px; color: #fff; font-size: 12px;}
.route-opr .checkbox input:checked + label { background: #53CD85;}
.route-opr .checkbox input:checked + label:after { background: #fff; left: 35px;}
.route-opr .checkbox input:checked + label:before{content: '收起'; position: absolute; right: 28px; top:3px; color: #fff; font-size: 12px;}
.route-days-item{}
.bd-top-8{ border-top: solid 8px #F8F8F8;}
.route-days-hd{ display: table; width: 100%; background: #FFFFFF; padding:20px 15px; position: relative; min-height: 103px; padding-left: 86px; padding-right: 40px;}
.route-days-hd .days{ width: 55px; height: 55px; background: #53CD85; color: #FFFFFF; text-align: center; font-size: 12px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: 15px; top: 20px;} 
.route-days-hd .days .num{ display: block; font-size: 24px; line-height: 24px; font-weight: 700; padding-top: 7px;}
.route-days-hd .route-days-info{ display: table-cell; width: 100%; height: 55px; vertical-align: middle;}
.route-days-hd .date{ font-size: 14px; color: #979797; margin-bottom: 3px;}
.route-days-hd .date~.route-line{margin-top: 0;}
.route-days-hd .route-line{ font-size: 18px; line-height: 1.3; color: #555555; font-weight: 700; margin-top: 5px;}
.route-days-hd .route-count{ color: #999999; margin-top: 5px;}
.route-days-hd .route-count span{ display: inline-block; height: 12px; line-height: 12px; margin-right: 10px; padding-right: 10px; border-right: 1px solid #D2D2D2 ;}
.route-days-hd .route-count span:last-child{ border: 0 none;}
.route-days-hd .foldbar{ position: absolute; right: 15px; top: 44px;}
.route-days-hd .foldbar .i-arrow-down{ display: inline-block; width: 16px; height: 9px; background: url(../images/trip-arrow.png) no-repeat; background-size: 16px 9px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out;}
.route-days-hd .foldbar .i-arrow-up{ display: inline-block; width: 16px; height: 9px; background: url(../images/trip-arrow.png) no-repeat; background-size: 16px 9px;transform: rotate(-180deg);  -webkit-transform: rotate(-180deg);}
.route-days-bd{ padding:0 15px 0 24px; }
.route-days-bd .route-details-bd{ position: relative; border-left:1px dashed #D2D2D2;font-size: 14px; color: #666666; padding-bottom: 30px; }
.route-details-bd .route-name{ padding:24px 0 24px 26px; position: relative;}
.route-details-bd .route-name .name{ font-size: 20px; line-height: 26px; color: #484848; font-weight: 700; line-height: 1.38; }
.route-details-bd .i-spot{ display: inline-block; width: 27px; height: 27px; position: absolute; left: -14px; top: 22px; background: url(../img2/trip/spot-icon.png) no-repeat; background-size:195px 30px ;}
.route-details-bd .i-catering{ display: inline-block; width: 27px; height: 27px; position: absolute; left: -14px; top: 22px; background: url(../img2/trip/i-catering.png) no-repeat; background-size:27px 27px ;}
.route-details-bd .icon-dining{ background-position:-3px -2px ;}
.route-details-bd .icon-remarks{ background-position:-35px -2px ;}
.route-details-bd .icon-scenic{ background-position:-68px -2px ;}
.route-details-bd .icon-experience{ background-position:-100px -2px ;}
.route-details-bd .icon-flight{ background-position:-132px -2px ;}
.route-details-bd .icon-hotel{ background-position:-164px -2px ;}
.route-details-bd .route-dining{ padding-bottom: 5px;line-height: 1.7;}
.route-details-bd .dining-detail{padding-top: 2px; font-size: 12px; }
.route-details-bd .dining-detail span{ margin-right: 10px;}
.route-details-bd .dining-detail span b{ font-weight: bold; margin-right: 5px;}
.route-details-bd .route-remarks{ padding-bottom: 5px;line-height: 1.7;}
.route-details-bd .remarks-detail{padding-top: 2px;}
.route-details-bd .remarks-detail p{ margin-bottom: 20px;}
.route-details-bd .remarks-detail strong{font-weight: bold;}
.route-details-bd .route-describle{ padding-left: 26px; font-size: 14px; color: #979797; line-height: 1.7; margin-bottom: 20px;}

.route-details-bd .img-box{padding-left: 26px; margin-bottom: 20px;}
.route-details-bd .img-wrap{ -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden;}
.route-details-bd .img-wrap img{ width: 100%; -webkit-border-radius: 8px; border-radius: 8px;}
.route-details-bd .img-wrap.img1{ width: 100%; height: 206px; position: relative; overflow: hidden; }
.route-details-bd .img-wrap.img1 img{ max-width: 100%; min-height: 100%; min-width: 254px; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.route-details-bd .img-wrap.img2{display: flex;}
.route-details-bd .img-wrap.img2 .img-item{ flex: 1; height: 83px; margin-right: 6px; position: relative;overflow: hidden;-webkit-border-radius: 8px; border-radius: 8px;}
.route-details-bd .img-wrap.img2 .img-item:last-child{margin-right: 0;}
.route-details-bd .img-wrap.img2 .img-item img{ max-width: 100%; min-height: 100%; min-width: 124px; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.route-details-bd .img-wrap.img3{display: flex;}
.route-details-bd .img-wrap.img3 .img-item1{ flex: 1; height: 111px; margin-right: 6px; position: relative;overflow: hidden;-webkit-border-radius: 8px; border-radius: 8px;}
.route-details-bd .img-wrap.img3 .img-item1 img{max-width: 100%; min-height: 100%; min-width: 124px; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.route-details-bd .img-wrap.img3 .img-item2{ flex: 0 31.8%; }
.route-details-bd .img-wrap.img3 .img-item2 .img-small{ width: 100%; height: 53px; margin-bottom: 6px; position: relative;overflow: hidden;-webkit-border-radius: 8px; border-radius: 8px;}
.route-details-bd .img-wrap.img3 .img-item2 .img-small:last-child{ margin-bottom: 0;}
.route-details-bd .img-wrap.img3 .img-item2 img{ max-width: 100%; width: 100%; min-height: 100%; min-width:80px; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
@media only screen and (min-width: 320px) {
	.route-details-bd .img-wrap.img1{ height: 169px;}
	.route-details-bd .img-wrap.img2 .img-item{ height:83px ;}
	.route-details-bd .img-wrap.img3 .img-item1{ height: 111px;}
	.route-details-bd .img-wrap.img3 .img-item2 .img-small{height: 53px;}
}
@media only screen and (min-width: 360px) {
	.route-details-bd .img-wrap.img1{ height: 196px;}
	.route-details-bd .img-wrap.img2 .img-item{ height:96px ;}
	.route-details-bd .img-wrap.img3 .img-item1{ height: 129px;}
	.route-details-bd .img-wrap.img3 .img-item2 .img-small{height: 62px;}
}
@media only screen and (min-width: 375px) {
	.route-details-bd .img-wrap.img1{ height: 206px;}
	.route-details-bd .img-wrap.img2 .img-item{ height:101px ;}
	.route-details-bd .img-wrap.img3 .img-item1{ height: 136px;}
	.route-details-bd .img-wrap.img3 .img-item2 .img-small{height: 65px;}
}
@media only screen and (min-width: 410px) {
	.route-details-bd .img-wrap.img1{ height: 232px;}
	.route-details-bd .img-wrap.img2 .img-item{ height:114px ;}
	.route-details-bd .img-wrap.img3 .img-item1{ height: 153px;}
	.route-details-bd .img-wrap.img3 .img-item2 .img-small{height: 73px;}
}

.hotel-level{ margin-top: 5px; font-size: 10px; color: #8A8C8B;}
.hotel-level .star{ margin-right: 8px; overflow: hidden;}
.hotel-level .star .icon-star{ display: inline-block; float: left; width: 10px; height: 10px; background-position: -98px -4px; margin-right: 2px; margin-top: 3px; } 
.hotel-level .star .icon-star-hollow{ display: inline-block; float: left; width: 10px; height: 10px; background-position: -111px -4px; margin-right: 2px; margin-top: 3px; } 
.route-details-bd .link{ color: #53CD85;}
.flight-detail{ padding-left: 26px;}
.flight-detail .flight-list{}
.flight-list .flight-item{ background: #FFFFFF; border-top: 4px solid #53CD85; -webkit-border-radius: 2px;  border-radius: 2px; margin-bottom: 20px; box-shadow:0px 3px 9px 0px rgba(242,242,242,1);}
.flight-item .flight-simple{padding:0 15px;}
.flight-item .flight-top{ padding-top: 10px; font-size: 10px; }
.flight-item .flight-top .flight-day{ display: inline-block; height: 14px; line-height: 14px; padding:0 5px; border:1px solid #53CD85; margin-right: 5px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 10px; color: #53CD85;}
.flight-item .flight-top .flight-airline{ color: #979797;}
.flight-item .airpot-info{ display: table; width: 100%; font-size:15px; color: #848484; padding: 16px 0; }
.flight-item .from-info {display: table-cell; width: 37%; text-align: right; }
.flight-item .time-info {display: table-cell; width: 26%; text-align: center; padding: 0 15px; vertical-align: middle; }
.flight-item .to-info{display:table-cell; width:37%; text-align:left; }
.flight-item .date-font{ line-height: 14px;font-size: 10px; }
.flight-item .time-font {font-size: 30px;  line-height: 30px; font-weight: 700;color: #484848;}
.flight-item .from-place, .flight-item .to-place { line-height: 16px; height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 6px 0; }
.flight-item .plane-info {position: relative; height: 1px;}
.flight-item .arrow-right{position:absolute;width:100%;border-bottom:1px dashed #A6A6A6;}
.flight-item .plane-info-icon{ display: inline-block; width: 22px; height: 13px; background-color: #FFFFFF; background-position:-157px -3px ; position: absolute; left: 50%; top: -6px; margin-left: -11px; }
.flight-item .to-time{ position: relative;}
.flight-item .to-time .plus{ color: #53CD85; font-size: 10px; font-weight: normal; position: absolute; top: -10px;}
.flight-item .flight-fold{ padding:18px 0 13px 0;box-shadow:inset 0px 5px 9px rgba(242,242,242,1); position: relative; }
.flight-item .flight-fold .flight-fold-item{ display: table; overflow: hidden; width: 100%; margin-bottom: 5px;}
.flight-item .flight-fold .flight-fold-item .fold-info{ display: table-cell;width: 37%; }
.flight-item .flight-fold .flight-fold-item .fold-info.tr{text-align: right;}
.flight-item .flight-fold .flight-fold-item .space-info{ display: table-cell;width: 26%;}
.flight-item .flight-fold .flight-fold-item .fold-info .tit{ display: inline-block; font-size: 10px; color: #D2D2D2;margin-bottom: 2px;}
.flight-item .flight-fold .flight-fold-item .fold-info .airport,.flight-item .flight-fold .flight-fold-item .fold-info .date{ font-size: 12px; color: #666666;}
.flight-item .flight-foldbar{ padding:0 15px; }
.flight-foldarea{border-top: 1px dashed #D2D2D2; padding:6px 10px 10px 10px; text-align: center;}
.flight-item .flight-foldbar .i-arrow-down{ display: inline-block; width: 12px; height: 6px; background: url(../images/trip-arrow.png) no-repeat; background-size: 12px 6px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out;}
.flight-item .flight-foldbar .i-arrow-up{ display: inline-block; width: 12px; height: 6px; background: url(../images/trip-arrow.png) no-repeat; background-size: 12px 6px;transform: rotate(-180deg);  -webkit-transform: rotate(-180deg);}
.hotel-group{padding:0 15px 30px 15px;}
.hotel-group-container{ overflow: visible;}
.hotel-group-list .hotel-group-item{ display: block; min-height: 88px; margin-bottom: 12px; position: relative;}
.hotel-group-list .hotel-group-item .hotel-image{ width: 132px; height: 88px; margin-right: 18px; position: absolute; left: 0; top: 0; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden;}
.hotel-group-list .hotel-group-item .hotel-image img{ max-width: 100%; width: 100%; min-height: 100%; min-width:132px; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.hotel-group-list .hotel-group-item .hotel-image .local{ display: inline-block; height: 18px; padding:2px 5px; -webkit-border-radius: 10px; border-radius: 10px; background: rgba(15,15,15,.4); font-size: 10px; color: #FFFFFF; position: absolute; top: 5px; left: 5px;}
.hotel-group-list .hotel-group-item .hotel-info{ padding-left:150px ; padding-top: 8px;}
.hotel-group-list .hotel-group-item .day-interval{ display: inline-block; height: 20px; line-height: 18px; padding:0 10px;  border:1px solid #53CD85; margin-right: 5px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 12px; color: #53CD85;}
.hotel-group-list .hotel-group-item .hotel-name{ font-size: 18px; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #484848; font-weight: 700;margin-top: 12px;}
.traffic-group{padding:0 15px 30px 15px;}
.traffic-group-container{ overflow: visible;}
.traffic-group .traffic-tips{ font-size: 10px; color: #A6A6A6; padding:0 5px; }
.content-item{ padding:0 15px; margin-bottom: 20px;}
.content-item .content-item-title{ font-size: 16px; color: #484848; margin-bottom: 15px;}
.content-item .content-item-text{ font-size: 14px; line-height: 1.7; color: #979797;}
.route-service-flow{ padding:15px 35px 30px 35px;}
.route-service-flow img{ width: 100%;}
.trip-route-footer{ width: 100%;display: -webkit-box;  display: -webkit-flex; display: flex; position: fixed; bottom: 0; left: 0; right: 0; padding: 12px 0;padding-right: 20px; background: #FFFFFF; z-index: 99; box-shadow: 0 -1px 10px rgba(0,0,0,.05) ;}
.trip-route-footer .foot-item1{-webkit-box-flex: 0 0 20%; -webkit-flex: 0 0 20%;flex: 0 0 20%; text-align: center; position: relative;}
.trip-route-footer .foot-item1 .route-icons{ display: inline-block; width: 20px; height: 20px; margin: 3px auto; }
.trip-route-footer .foot-item1 .tel{ background-position: -38px -3px; width: 21px; height: 21px;}
.trip-route-footer .foot-item1 .consult{ background-position: -6px -3px;}
.trip-route-footer .foot-item1 .txt{ display: block; font-size: 11px; color: #979797; line-height: 12px;}
.trip-route-footer .foot-item1.foot-consult:before{content: ''; display: inline-block; width: 5px; height: 30px; border-left: 1px solid rgba(220, 222, 224, .5); position: absolute; left: 0; top: 50%; margin-top: -15px; }
.trip-route-footer .foot-item2{-webkit-box-flex: 1; -webkit-flex: 1;flex: 1; }
.trip-route-footer .foot-item2 .route-btn-default{ display: block; height: 44px; line-height: 44px; background: #53CD85; text-align: center; font-size: 16px; color: #FFFFFF; -webkit-border-radius: 22px; border-radius: 22px;box-shadow:0px 3px 8px 0px rgba(23,25,29,0.12);}
.trip-route-footer .foot-item2 .route-btn-default .consult2{ display: inline-block; width: 16px; height: 16px; margin-right: 8px; background-position: -188px -3px; position: relative; top: 2px;}
.trip-route-footer .foot-item2 .route-btn-disabled{ background: #D5D5D5;}
.trip-route-sidebar{ width: 40px; position: fixed; right: 10px; bottom: 90px; z-index: 99;}
.trip-route-sidebar .icon-sidebar{ display: inline-block; width: 40px; height: 40px; margin-bottom: 10px;}
.trip-route-sidebar .icon-review{ background: url(../img2/trip/sidebar-review.png) no-repeat; background-size: 40px 40px;}
.trip-route-sidebar .icon-gotop{ background: url(../img2/trip/sidebar-gotop.png) no-repeat; background-size: 40px 40px;}
.trip-route-topbar{width: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 99;}
.trip-route-topbar .topbar-list{ width: 100%;display: -webkit-box; display: -webkit-flex; display: flex; background: #FFFFFF; height: 44px; box-shadow:0px 1px 3px 0px rgba(194,200,197,0.4);}
.trip-route-topbar .topbar-list .topbar-item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center; font-size: 14px; color: #484848;}
.trip-route-topbar .topbar-list .topbar-item span{ display: inline-block; height: 44px; line-height: 44px;}
.trip-route-topbar .topbar-list .active span{ border-bottom: 2px solid #53CD85; color: #53CD85;}
.route-overview-pop{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999;}
.route-overview-pop .overview-side{padding-left: 25%; height: 100%;}
.route-overview-pop .overview-side .overview-box{ width: 100%; height: 100%; background:rgba(72,72,72,0.96); padding-bottom: 50px; position: relative;}
.route-overview-pop .overview-side .swiper-container { width: 100%; height: 100%;}
.route-overview-pop .overview-side .overview-scroll{ padding-left: 36px;}
.route-overview-pop .overview-side .overview-scroll:before{content: ''; display: inline-block; width: 10px; height: 100%; border-left: 2px solid #979797; opacity: .3; position: absolute; left: 34px; top: 0;}
.route-overview-pop .overview-side .overview-scroll .swiper-slide{ height: auto;}
.route-overview-pop .overview-side .overview-list{ padding:20px 20px 15px 0;  }
.route-overview-pop .overview-side .overview-list .overview-item{ display: block; font-size: 14px; color: #FFFFFF; padding:16px 0; position: relative; padding-left: 60px; line-height: 18px;}
.route-overview-pop .overview-side .overview-list .overview-item:after{content: ''; display: inline-block; width: 10px; height: 10px; background: #FFFFFF; border-radius: 50%; position: absolute; left: -6px; top: 19px;}
.route-overview-pop .overview-side .overview-list .overview-item:nth-child(even):after{content: ''; display: inline-block; width: 6px; height: 6px; background: #FFFFFF; border-radius: 50%; position: absolute; left: -4px; top: 21px;}
.route-overview-pop .overview-side .overview-list .overview-item .overview-day{ display: inline-block; width: 60px; position: absolute; left: 0; padding-left: 15px;}
.route-overview-pop .overview-side .overview-list .overview-item .overview-city{}
.route-overview-pop .overview-side .overview-close{ height: 50px; width: 100%; padding:15px; border-top: 1px solid #979797; text-align: center; position: absolute; bottom: 0; left: 0;}
.route-overview-pop .overview-side .overview-close .icon-close{ display: inline-block; width: 16px; height: 16px; background: url(../img2/trip/close.png) no-repeat; background-size: 16px 16px;}
.route-overview-pop .overview-side .overview-list .overview-item.active{color: #5BD58C;}
.route-overview-pop .overview-side .overview-list .overview-item.active:after{ background: #5BD58C; }
@media only screen and (max-width: 320px) {
	.route-overview-pop .overview-side .overview-list .overview-item{font-size: 12px;}
	.route-overview-pop .overview-side .overview-scroll{padding-left: 30px;}
	.route-overview-pop .overview-side .overview-scroll:before{ left: 28px;}
	.route-overview-pop .overview-side .overview-list .overview-item{padding: 12px 0; padding-left: 60px;}
	.route-overview-pop .overview-side .overview-list .overview-item:after{top: 16px;}
	.route-overview-pop .overview-side .overview-list .overview-item:nth-child(even):after{top: 18px;}
}
.image-preview-wrap{ width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.9); z-index: 999;}
.image-preview-wrap .image-preview-top{position: absolute; width: 100%; height: 44px; top: 0; left: 0; z-index: 10; text-align: center;}
.image-preview-wrap .image-preview-top .image-preview-indicator{display: block; line-height: 25px; color: #fff; text-align: center; margin: 15px auto 4px; width: 70px; background-color: rgba(0, 0, 0, 0.4);  border-radius: 12px; font-size: 16px;}
.image-preview-wrap .image-preview-group{ height: 100%; font-size: 0; position: relative; -webkit-transition: all 0s linear; transition: all 0s linear; white-space: nowrap;}
.image-preview-wrap .image-preview-group .image-slide-item{ font-size: 14px; position: relative; display: inline-block; width: 100%; height: 100%; vertical-align: top; white-space: normal;}
.image-preview-wrap .image-preview-group .image-slide-item .image-zoom-scroller{position: absolute;display: -webkit-box;display: -webkit-flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;left: 0;right: 0;bottom: 0;top: 0;width: 100%;height: 100%;margin: 0;-webkit-backface-visibility: hidden;}
.image-preview-wrap .image-preview-group .image-slide-item img{width: auto; height: auto; max-width: 100%; max-height: 100%;}
.image-preview-wrap.preview-zoom-in{ -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@keyframes fadeIn {
  0% {   opacity: 0; }
  100% { opacity: 1; }
}
.image-preview-container .swiper-pagination { height: 44px; font-size: 16px; position: absolute; top: 15px; left: 0; color: #FFFFFF;}

/*2018-12-21 酒店和航班汇总增加全部展开按钮*/
.hotel-group-list .hotel-group-item:last-child{margin-bottom: 0;}
.more-box{ text-align: center; padding-top: 30px;}
.more-box .btn-more{ display: inline-block; height: 36px; min-width: 160px; padding:0 15px; line-height: 36px; background: #F5F5F5; font-size: 16px; color: #555555; -webkit-border-radius: 18px; border-radius: 18px;}