.banner-box .swiper-container .swiper-slide {
	cursor: auto;
}
.modal{
	z-index: 10001;
}
.icon-weizhi {
	margin-right:3px;
}
.arrow-tour{
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    margin-top: -44px;
}
.qx-space{
  display: inline;
}
.qx-space span{
  margin-left: -3px;
}
.qx-space span:first-child{
  margin-left: 0;
}
.arrow-tour span{
	margin: 0 20px;
	background-size: 1.4rem;
}
.itinerary .list .switch > .title .item.day-tite-new,
.itinerary .title-list .item.day-tite-new{
	display: none;
}
.tour-year-switching{
	display: none;
}
.tour-year-switching > div{
    display: flex;
    border-bottom: 1px #ccc solid;
    margin-bottom: 15px;
}
.tour-year-switching .tour-year-type{
	flex: 1;
}
.tour-year-switching .tour-year-type ul li{
	margin: 0;
}
.tour-year-switching .tour-year-type ul li a{
    color: #000;
    font-size: 1.2rem;
    position: relative;
    padding: 0 16px;
    display: inline-block;
}
.tour-year-switching .tour-year-type ul li a.active{
	font-weight: bold;
}
.tour-year-switching .tour-year-type ul li a.active:before{
    content: '';
    height: 4px;
    display: block;
    width: 100%;
    position: absolute;
    bottom: -3px;
    left: 0;
}
.tour-year-switching .tour-year-straddle .nav-item span{
	font-weight: bold;
}
.tour-year-switching .tour-year-straddle .nav-item span:nth-child(1){
	margin: 0 8px;
}
.tour-year-switching .tour-year-straddle .nav-item .title{
	cursor: pointer;
}

/* '房型' 并Hover 显示出图片 */
.bed-box{
	display: inline-block;
}
.bed-box .bed-type .bed-icon:hover{
	color: #999;
}
.bed-box .bed-type{
	display: none;
    box-shadow: 1px 1px 9px #0000004d;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 240px;
    max-width: 240px;
    margin-top: -120px;
    margin-left: -120px;
    background: #fff;
}
.bed-box .bed-type .bed-icon{
	position: absolute;
    top: 5px;
    right: 5px;
    color: #000;
    font-size: 1.2rem;
}
/*** 左侧菜单 ************/
.tour-menu{
	padding: 0 40px;
	background: #f2f2f2;
}
.stickyin-page-nav{
	padding: 22px 0 25px; 
	top: 140px;
}
.stickyin-page-nav .nav-link{
	color: #000;	
    font-size: 1.1rem;
}
.stickyin-page-nav .nav-link:hover{
	font-weight: bold;
}
.stickyin-page-nav .nav-link.active{
    font-weight: bold;
    background: none;
    color: #000;
}
.stickyin-page-nav .icon-box{
    border-top: 1px #ccc solid;
    text-align: left;
    padding-top: 20px;
    padding-left: 30px;
}
.stickyin-page-nav .icon-box a{
	display: inline-block;
    padding: 0 20px;
}
/* .stickyin-page-nav .icon-box a:nth-child(1){
	border-right: 1px #ccc solid;
} */
.stickyin-page-nav .icon-box a img{
	height: 22px;
}
/* .stickyin-page-nav .icon-box a.facebook i{
    color: #3B5999;
}
.stickyin-page-nav .icon-box a.twitter i{
    color: #55ACEE;
}
.stickyin-page-nav .icon-box a.yelp i{
    color: #e82020;
} */
.stickyin-page-nav .icon-box a.icon{
	display: none;
}
.stickyin-page-nav .icon-box i{
    /* font-size: 18px; */
    font-size: 22px;
}
.stickyin-page-nav .icon-box a:hover{
	opacity: 0.6;
}
.tour-share-box .modal-dialog{
	top: 50%;
	margin-top: -77px;
}
.tour-share-box a.icon{
	display: inline-block;
    width: 64px;
    height: 64px;
    font-size: 16px;
    background: #ccc;
    border-radius: 12px;
    line-height: 64px;
    text-align: center;
    margin: 0 20px;
}
.tour-share-box a.icon:hover{
	opacity: 0.6;
}
.tour-share-box a.icon i{
	color: #fff;
    font-size: 2.6rem;
    display: inline;
}
/* 移动端箭头 */
.stickyin-page-nav .arrow-tour{
	display: none;
	margin-top: -22px;
}
.stickyin-page-nav .sticky-inner-wrapper{
	padding: 0 25px;
}
.stickyin-page-nav .swiper-button-next:after, .stickyin-page-nav .swiper-button-prev:after{
	font-size: 1.2rem;
}
.stickyin-page-nav .swiper-button-prev{
	margin-left: -10px;
}
.stickyin-page-nav .swiper-button-next{
    margin-right: -10px;
}
.stickyin-page-nav .arrow-tour span{
	color: #000;
	background: #f2f2f2;
}
.stickyin-page-nav .arrow-tour span.swiper-button-disabled{
	display: none;
}
.share-box{
	overflow: hidden;
	padding-right: 17px;
}
.share-box .black-cloth-share{
	display: block;
}
.tour-share-box .modal-header{
	border:none;
}
.tour-share-box .icon-print div:hover img{
	opacity: 0.6;
}
.menu-btn{
	width: 100%;	
}
.stickyin-page-nav .dates-btns .text-btns{
	margin-top: 10px;
	font-size: 1.1rem;
}
/* .title-category-box{
	height: 40px;
} */
.content-section > div{
    margin: 10px 15px;
}
.content-section > div a img{
	display: flex;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.content-section{
	margin: 30px 0 50px 0;
}
.content-section:nth-last-of-type(1) > div{
	border: none;
}
.mob-dates-btns{
    position: fixed;
    z-index: 300;
    bottom: 0;
    width: 100%;
    display: none;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5215686274509804);
}
/*** 详细信息栏 ************/
.tripdetails-list{
	z-index: 31;
	top: 44.5px;
}
.details-bar{
	color: #fff;
}
.tripdetailsbox-big{
	 padding: 0px 40px 0px 40px;
	 background-color: #252525; 
	 border-top: 4px solid #FFCC33;
}
.tripdetailsbox-big .reserve-box{
	align-items: center;
    justify-items: center;
    display: flex;
}
.tripdetailsbox-big h3{
	font-size: 2rem;
	margin-right: 10px;
    margin-bottom: 0;
}
.tripdetailsbox-big h1 span{
	display: inline;
}
.tripdetailsbox-big .price{
	padding: 0;
	min-width: 360px;
    white-space: nowrap;
}
.tripdetailsbox-big .price > a{
	display: none;
}
.tr-usd{
	margin-left:64px;
	font-size: 14px; 
	height: 18px; 
	line-height: 18px; 
	color: #a4a4a4;
}
.tr-font {
  margin: 0 10px;
}
.tr-font .title {
	font-size: 1.2rem;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #a4a4a4;
}
.tr-font .nr {
    height: 1.2rem;
    line-height: 1.2rem;
    margin: 10px 0 0 0;
}
.tr-phot{
	width: 100%;
	text-align: center;
	max-width: 300px;
	display: inline-block;
	line-height: 20px;
	position: relative;
	bottom: -4px;
}
.tr-phot a{
	color: #fff;
	margin-left: 5px;
}
.tr-print{
	display: inline;
	margin-left:40px;
}
.tripdetailsbox-big .tr-item{
    width: 100%;
}
.tripdetailsbox-big .position{
	line-height: 22px;
    /* padding-left: 15px; */
    margin-top: 3px;
}
.tripdetailsbox-big .route-box{
    display: flex !important;
    align-items: center;
}
.tripdetailsbox-big .route-box i{
	display: block;
}
.tripdetailsbox-big .route-box span{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* .tripdetailsbox-big .language{
	padding-right: 10px;
} */
.tripdetailsbox-big .top-name{
    margin-top: 10px;
    margin-bottom: 3px;
    margin-right: 0;
    margin-left: 0;
}

.tripdetailsbox-big .position > div{
	display: inline;
    margin-bottom: 10px;
}
.tripdetailsbox-big .position .left-box .note{
	margin-left:10px;
}
.tripdetailsbox-big .position .left-box > div{
	display: inline;
}
.tripdetailsbox-big .position .left-box > div:nth-child(1){
	margin: 0;
}
.tripdetailsbox-big .position .note-box > div:nth-last-of-type(1){
	margin-right: 0;
}
.tripdetailsbox-big .division{
    color: #828282;
    padding: 0 10px;
    font-size: 1.2rem;
    padding-right: 8px;
}
.tripdetailsbox-big .price > div{
    font-size: 1.4rem;
    /* padding: 0 14px; */
    line-height: 20px;
}
.tripdetailsbox-big .price > div:nth-last-of-type(1){
	border-right: 0 !important;
	padding: 0 10px;
}
.tripdetailsbox-big .menu-btn{
	width: 100%;
    height: 38px;
    padding: 0;
    margin: 0;
    max-width: 300px;
}
.menu-btn span.signet{
	font-size: 1.2rem;
	display: inline-block;
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 38px;
}
.menu-btn span.supera{
	font-size: 1.2rem;
    display: inline-block;
    line-height: 38px;
}
.english-hover:hover span{
	text-decoration: underline;
}
.english-hover i{
    transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    display: inline-block;
    font-size: 1.4rem;
    position: relative;
    top: 3px;
    right: -3px;
}
.tripdetailsbox-big .left-box{
	padding: 0;
}
/*** 小屏显示 行程标题和 报名按钮 ************/
.itinerary-title{
    position: absolute;
    left: 0;
    top: 166px;
    width: 100%;
    background: rgb(0 0 0 / 50%);
    z-index: 1;
    color: #fff;
    padding: 15px 0;
    transform: translate3d(0,100%,0);
}
.itinerary-title.active{
	transform: translate3d(0,-100%,0);
}
.itinerary-title h1{
	font-size: 1.8rem;
}
.itinerary-title a{
	width: 260px;
	height: 52px;
	line-height: 52px;
	padding: 0;
}
/*** table ************/
.table{
	margin-bottom: 0;
}
/*** map ************/
.tour-map{
	margin-bottom: 30px;
    text-align: center;
}
.tour-map > img.active{
	cursor: pointer;
}
.tour-map .map-type{
	opacity: 0;
    position: fixed;
    top: 0;
    z-index: -10;
    width: 100%;
    left: 0;
    background: rgb(0 0 0 / 64%);
    height: 100%;
}
.tour-map .map-type.active{
	opacity: 1;
	z-index: 10000;
}
.map-body{
	overflow: hidden;
}
.tour-map .map-type > div{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    -ms-transform: translate(-50% , -50%);
    -moz-transform: translate(-50% , -50%);
    -webkit-transform: translate(-50% , -50%);
    -o-transform: translate(-50% , -50%);
    width: 100%;
    padding: 0 20px;
    max-width: 650px;
}
.tour-map .map-type > div > div{
	overflow: auto;
}
.tour-map .map-type i{
    position: absolute;
    top: 3px;
    right: 27px;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    color: #000;
    text-shadow: 0px 2px 4px rgb(0 0 0 / 55%);
}
.tour-map .map-type i:hover{
	opacity: 0.7;
}
.tour-map .map-type > div img{
	width: auto;
	max-width: none;
	border: none;
	max-height: 44vh;
}
.tour-map img{
    border: 1px #ddd solid;
    font-size: 0;
    max-width: 80%;
}
/*** summary ************/
.summary{
    margin-bottom: 20px;
    text-align: center;
    margin-top: -15px;
    display: none;
}
/*** itinerary ************/
.title-category-box{
    border-bottom: 1px #ddd solid;
    align-items: baseline;
    padding-bottom: 15px;
    margin: 40px 0;
    margin-bottom: 20px;
}
.title-category-box h1{
	text-align: left;
	margin-bottom: 0;
}
.itinerary .days-open{
    display: inline-block;
    line-height: 26px;
    cursor: pointer;
    padding-right: 10px;
    font-size: 1.1rem;
    flex: 1;
}
.itinerary .days-open:hover{
	opacity: 0.8;
}
.itinerary .days-open i{
	padding-left: 3px;
}
.itinerary .list{
	padding: 0 20px;
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 0 0 1px 0;
    padding: 0 20px;
}
.itinerary .days-box .list{
	-webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
}
.itinerary .list:nth-child(even) {
    background-color: #f2f2f2;
}
.itinerary .list .switch.collapsed i {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    position: relative;
    top: -2px;
}
.itinerary .list .switch .title{
	opacity: 0;
	visibility: hidden;
	transition: opacity 0s;
	-moz-transition: opacity 0s;
    -webkit-transition: opacity 0s;
    -o-transition:opacity 0s;
    display: none;
}
.itinerary .list .switch.collapsed .title-list{
	opacity: 0;
	visibility: hidden;
	transition: opacity 0s;
	-moz-transition: opacity 0s;
    -webkit-transition: opacity 0s;
    -o-transition:opacity 0s;
    display: none;
}
.itinerary .list .switch .title-list{
	opacity: 1;
	visibility: visible;
	transition: opacity 0s;
	-moz-transition: opacity 0s;
    -webkit-transition: opacity 0s;
    -o-transition:opacity 0s;
    display: block;
    /* line-height: 30px; */
}

.itinerary .list .switch.collapsed .title {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.8s;
	-moz-transition: opacity 0.8s;
    -webkit-transition: opacity 0.8s;
    -o-transition:opacity 0.8s;
    display: block;
    /* line-height: 30px; */
}
.itinerary .list .switch{
	cursor: pointer;
    padding: 12px 0 8px 0;
    position: relative;
    font-size: 1.1rem;
}
.itinerary .list .switch .day{
	font-weight: bold;
}
.itinerary .list .switch i {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    font-size: 1.2rem;
}
.itinerary .list .switch > .title{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 20px;
}
.itinerary .list .switch > .title .item{
    display: inline;
}

.itinerary .list .switch > .title .item:after{
	content: '-';
    margin-right: 3px;
    margin-left: 3px;
}
.itinerary .list .switch > .title .item:after{
	content: '-';
    margin-right: 3px;
    margin-left: 3px;
}
.itinerary .list .day-interval{
	margin-right: 3px;
    margin-left: 3px;
}
.itinerary .list .switch > .title .item:nth-last-of-type(1):after{
	content: none !important;
}
.itinerary .list .switch > .day{
	margin-right: 15px;
	display: inline;
}
.itinerary .list .box{
	padding-bottom: 20px;
}
.itinerary .list:nth-last-of-type(1) .last-box{
	padding-bottom: 30px;
}

.itinerary .list .box p{
	margin-top: 5px;
	margin-bottom: 5px;
	    line-height: 25px;
}
.itinerary .list .box .end-en-remark p{
	margin: 0;
}
.itinerary .list .box .img-list{
    position: relative;
	z-index: 0;
    margin: 0 9%;
    /* margin-top: 20px;
    margin-bottom: 20px; */
}
.itinerary .list .box .img-list .item > div{
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}
.itinerary .list .box .img-list .btn-day-box{
	display: none;
}
.itinerary .list .box .img-list .item > div img{
	width: 100%;
}
.itinerary .list .box .img-list .item .title{
    position: absolute;
    white-space: normal;
    width: 100%;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 10px 15px;
    font-size: 1.1rem;
    font-weight: 700;
    text-shadow: 1px 0px 2px #000, -1px 0px 2px #000, 0px 1px 2px #000, 0px -1px 2px #000;
}
.itinerary .title-list .item{
	display: inline;
}
.itinerary .title-list .item .mileage{
    font-size: 0.9rem;
    color: #666;
    display: inline;
}
.itinerary .title-list .item .time-box{
    display: inline-block;
    color: #666;
    position: relative;
    padding-right: 8px;
    
}
.itinerary .indicator-arrow{
    position: absolute;
    bottom: 0;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    left: 0;
    align-items: center;
    width: 100%;
    height: 8px;
}
.itinerary .indicator-arrow .left{
	width: 100%;
	height: 2px;
	background: #999;
	flex:1;
}
.itinerary .indicator-arrow .right{
	width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 7px solid #999;
    border-bottom: 4px solid transparent;
}
/* .itinerary .title-list .item:after{
	content: '';
    width: 1px;
    display: inline-block;
    height: 18px;
    margin: 0 8px;
    background: #cecece;
    vertical-align: middle;
} */
.itinerary .title-list .item:nth-last-of-type(1):after{
	content: none;
}
.itinerary .title-list .item img{
	height: 22px;
    position: relative;
    top: -3px;
}
.itinerary .meals-hotel-box{
    margin-top: 16px;
    margin-bottom: 0;
}
.itinerary .meals-hotel-box > div{
	margin-bottom: 2px;
	position: relative;
	    display: flex;
    align-items: center;
}
.itinerary .meals-hotel-box > div .block .item{
	display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
}
/* .itinerary .meals-hotel-box .meals .block .item{
	display: none;
} */
/* .itinerary .meals-hotel-box .meals .block .item.active{
	display: inline-block;
} */
.itinerary .meals-hotel-box > div:nth-last-of-type(1){
	margin: 0;
}
.itinerary .meals-hotel-box .icon{
    display: inline;
    width: 24px;
    position: absolute;
}
.itinerary .meals-hotel-box .icon img{
	width: 20px;
}
.itinerary .meals-hotel-box .block{
	display: inline;
	padding-left: 24px;
}
.itinerary .meals-hotel-box .item > div{
	display: flex;
	display: -webkit-box;
	display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.itinerary .meals-hotel-box .item > div .name{
	flex: 1;
}
.itinerary .meals-hotel-box .item > div .name span:before{
	margin-right: 4px;
}
.itinerary .meals-hotel-box .item > div .name span:nth-child(1):before{
	content: none;
}

.itinerary .meals-hotel-box .item > div:before{
    content: '';
    display: block;
    margin: 0 12px;
    border-right: 1px #727272 solid;
    height: 15px;
    position: relative;
    top: 4px;
    left: -3px;
}
.itinerary .meals-hotel-box .connectMeal > div:before{
	content: '或';
    display: block;
    margin: 0 5px 0 0;
    border: none;
    height: 15px;
    position: relative;
    top: 0;
    left: 0;
}
.itinerary .meals-hotel-box .enConnectMeal > div:before{
	content: 'or';
    display: block;
    margin: 0 5px 0 0;
    border: none;
    height: 15px;
    position: relative;
    top: 0;
    left: 0;
}
.itinerary .meals-hotel-box .item:nth-of-type(1) > div:before{
	content: none;
}
/* .itinerary .meals-hotel-box .item.active:nth-of-type(1) > div:before{
	content: none;
} */
.itinerary .meals-hotel-box .title{
	margin-right: 5px;
	font-weight: bold;
	color: #777;
}
.itinerary .meals-hotel-box .title span{
	display: none;
}
.itinerary .meals-hotel-box .title span:nth-child(1){
	display: inline-block;
}
.itinerary .meals-hotel-box .title span:after{
	content: '';
}
.itinerary .meals-hotel-box .meals .item span.name{
	flex: 1;	
}
.itinerary .btn-day span{
    font-size: 14px;
    color: #000;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    background: #e9e9e9;
}
.itinerary .btn-day span:after{
	font-size: 16px;
    font-weight: bold;
}
.itinerary .btn-day .swiper-button-next{
    right: -55px;
}
.itinerary .btn-day .swiper-button-prev{
    left: -55px;
}

.swiper-button-disabled{
    opacity: 0.3;
}
.loadEffect-before-book{
	width: 100%;
    height: 130px;
    position: relative;
    text-align: center;
    margin-top: 100px;
}
.before-book-box .item-li p{
	margin: 0;
	display: initial;
}
.before-book-box .item-li .right div{
	margin: 0;
	display: initial;
} 

/*** 推荐行程 ************/
/* .recommend-box h1{
	padding-bottom: 15px;
} */
.recommend-box .list-box{
	text-align: left;
}
.recommend-box .list-box > div{
	margin-bottom: 20px;
}
.recommend-box .tour-link{
	z-index: 100;
}
.recommend-box .search-tour-list {
    height: 320px;
    border: 1px solid #e6e6e6;
}
.recommend-box .search-tour-list .picture {
    height: 200px;
    left: -0.5px;
    width: calc( 100% + 0.5px);
}
.recommend-box .search-tour-list img {
    width: 100%;
}
.recommend-box .content-exhibition {
    padding: 10px 15px;
}
.recommend-box .content-exhibition .name {
    font-weight: bold;
    margin: 5px 0 8px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    position: relative;
    z-index: 10;
}
.recommend-box .division {
    padding: 0 6px;
    position: relative;
    top: -1px;
}
.recommend-box .brief-box .year {
    background: #eee;
    padding: 0 4px;
}
.recommend-box .content-exhibition .price span {
    margin-left: 5px;
}
.recommend-box .content-exhibition .language {
    color: #666;
    margin-top: 8px;
}
.recommend-box .content-exhibition .language i {
    padding-right: 5px;
}

/*** hotels & meals ************/
.hotels-meals .hotels{
	margin-bottom: 20px;
}
.hotels-meals .hotels .text > a{
	color: #0056b3;
    display: block;
}
.hotels-meals .hotels .text > a:hover{
	color: #007bff;
}
.hotels-meals .qx-hotel-link{
    cursor: auto;
    color: #000;
    display: block;
}
.hotels-meals .qx-hotel-link:hover {
	color: #0056b3 !important;
}
.hotels-meals .hotels .picture img{
    margin-bottom: 15px;
}
.hotels-meals .text p{
    margin-bottom: 10px;
}
.hotels-meals .text > div{
	margin-bottom: 15px;
}
.hotels-meals .text h3{
	padding-bottom: 15px;
    padding: 0;
    margin: 0;
    display: inline;
    font-size: 1.5rem;
}
.hotels-meals .hotel-siblings .switch{
	color: #4981b0;
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 17px;
	flex-wrap: wrap;
}
.hotels-meals .hotel-siblings .switch > div{
	margin-top: -2px;
	display: inline-block;
}
.hotels-meals .hotel-siblings .switch > span{
	margin-right: 15px;
	padding-bottom: 6px;
}
.hotels-meals .hotel-siblings .switch .item{
    background: #4981b0;
    display: inline-block;
    border-radius: 24px;
    margin-right: 15px;
    color: #fff;
    font-weight: normal;
    padding: 0px 10px;
    font-size: 15px;
    line-height: 25px;
    cursor: pointer;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}
.hotels-meals .hotel-siblings .switch .item:hover{
	opacity: 0.8; 
}
.hotels-meals .hotel-siblings .switch .item i{
	font-size: 12px;
	margin-left: 6px;
}
.hotels-meals .hotel-siblings .switch .item > span{
	position: relative;
    top: 1px;
}
.hotels-meals .hotel-siblings .switch i{
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}
.hotels-meals .hotel-siblings .switch.active .item{
	padding: 0;
    margin: 0;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    text-align: center;
}
.hotels-meals .hotel-siblings .switch.active .item i{
	padding: 0;
    margin: 0;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    text-align: center;
    margin: 0;
}
/* .hotels-meals .hotel-siblings .switch i{
	min-width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: #4981b0;
	color: #fff;
	border-radius: 50%;
	font-weight: normal;
    font-size: 13px;
} */
.hotels-meals .hotel-siblings .switch .item.active i{
	transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.hotels-meals .room-list{
	margin-left: -2px;
	display: none;
}
.hotels-meals .room-list.active {
	display: block;
}
.hotels-meals .room-list label:after{
	content: ':';
    /* position: absolute; */
    right: 0;
}
.hotels-meals .room-list label{
    margin: 0;
    color: #c0392b;
    margin-right: 0;
    position: relative;
}
.hotels-meals .room-list td{
	padding: 2px;
	vertical-align: top;
}
.hotels-meals .room-list .left{
	/* max-width: 372px; */
    min-width: 230px; 
}
.hotels-meals .room-list > div{
	padding-bottom: 2px;
}
/*** Featured ************/
.featured img{
	margin: 0 auto;
    display: block;
    max-width: 100%;
}
/*** video ************/
.videos .content{
	margin: 0 -15px;
}
.videos .item{
    float: left;
    width: 350px;
    padding: 0 15px;
    margin-bottom: 20px;
}
.videos .item iframe{
	width: 100%;
	height: 180px;
}
.videos .item h6{
	padding: 5px 0 0 3px;  
}
.videos .iframe-box{
	position: relative;
	height: 180px;
}
.videos .iframe-box .img{
	position: absolute;
	width: 100%;
    height: 180px;
    overflow: hidden;
}
.videos .iframe-box .img > div{
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.videos .ytp-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
    -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    z-index: 63;
}
.ytp-large-play-button-bg {
    -moz-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
    -webkit-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
    transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
    fill: #212121;
    fill-opacity: .8;
}
.videos .iframe-box .img:hover .ytp-large-play-button-bg{
	fill: #f00;
	fill-opacity: 1;
}
.nav-box .swiper-wrapper{
    display: block;
}

/* Fares + Dates */
.fares-dates-box .table-box{
	width: 100%;
	border:1px solid #ddd;
	margin-bottom: 20px;
}
.fares-dates-box .startContainNew{
	display: none;
}
.fares-dates-box .recommend-title{
	display: none;
}
/* .fares-dates-box > div{
	margin-bottom: 16px;
} */
.fares-dates-box .table-box .mob-title{
	display: none;
}
.fares-dates-box .table-box .room-color{
	font-weight: bold;
	font-size: 14px;
}
/* .fares-dates-box ul > li ul > li, .fares-dates-box ul > li > ul > li ul > li{
    padding-left: 0;
    background: none;
} */
.fares-dates-box .table-box td{
	text-align: center;
	padding: 4px 12px;
}
.fares-dates-box .table-box td.mob-room{
	font-size: 14px;
}
.fares-dates-box .table-box td > strong{
	font-size: 14px;
}
.fares-dates-box .table-box .title td{
    padding: 15px 0 15px 20px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.fares-dates-box .table-box .title td strong{
	font-size: 16px;
}
.fares-dates-box .table-box img{
	height: 30px;
    margin-bottom: 5px;
    margin-top: 8px;
}
.fares-box{
	margin-bottom: 20px;
}
.fares-box ul li{
	background: none;
	display: inline-block;
}
.fares-box .inline-table{
	align-items: center;
}
.fares-box .inline-table li{
	padding: 10px 15px;
	width: 13.5%;
	align-items: center;
}
.fares-box .inline-table li:nth-last-of-type(1){
	width: 16.5%;	
}
.fares-box .thead ul li{
	padding: 12px 15px;
}
.fares-box .tbody ul:nth-child(even){
	background: #e4e4e4;
}
.fares-box .tbody ul li a{
    border: 2px #000 solid;
    margin: 3px 0px;
    padding: 4px 0;
    width: 120px;
    font-size: 15px;
}
.fares-box .tbody ul li a.border-btn:before{
    background: #050505;
}
.fares-box .tbody ul li a:hover{
	color: #fff;
}
.fares-box .nav-item a{
	border:0;
    border-radius: 0;
    padding: 5px 10px;
    color: #000;
    font-size: 17px;
}
.fares-box .nav-item a.active{
    background: none;
    color: #EB6E23;
    font-weight: bold;
}
.fares-box .tab-content{
    max-height: 300px;
    overflow-y: auto;
}
.fares-dates-table .book-btn{
	padding: 0;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    max-width: 130px;
    min-width: 105px;
}
.fares-dates-table .pre-post-box{
    display: inline-block;
    cursor: pointer;
}
.form-fares-dates.mob .pre-post-box{
	margin-right: 29px;
	color: #fff;
    padding: 4px 16px;
    font-size: 14px;
    border-radius: 14px;
}
.form-fares-dates.mob .pre-post-box:hover{
	cursor: pointer;
	color: #fff;
}
.fares-dates-table .book-box{
	text-align: center;
	width: 130px;
}
.fares-dates-table .book-box .disabled{
	background: #e0e0e0;
    border: 2px #c1c1c1 solid;
    color: #999 !important;
    pointer-events:none;
    cursor:not-allowed;
}
.fares-dates-table .book-box .disabled:hover:active:before{
	background:#e0e0e0;
	-webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.form-fares-dates.mob .inline-table li.book-box.now{
    padding: 0;
    width: 100%;
    height: 42px;
    font-weight: bold;
    margin-bottom: -1px;
    margin-top: 8px;
}
.form-fares-dates.mob .inline-table li.book-box{
	display: inline-flex;
}
.form-fares-dates.mob .inline-table li.book-box.now .book-btn {
    padding: 0;
    border: none;
    margin: 0;
    color: #fff;
}
.form-fares-dates.mob .inline-table li.book-box.now .desc .main-tonal-color{
	color: #fff !important;
}


.form-fares-dates.mob .inline-table li.book-box.wait{
    padding: 0;
    background: #adadad !important;
    width: 100%;
    height: 42px;
    font-weight: bold;
    margin-bottom: -1px;
    margin-top: 8px;
}
.form-fares-dates.mob .inline-table li.book-box.wait .book-btn {
    padding: 0;
    border: none;
    color: #000;
    background: #e5e5e5;
    line-height: 32px;
    margin: 0 5px;
}
.form-fares-dates.mob .inline-table li.book-box.wait .desc.main-tonal-color{
	color: #fff !important;
}
/* .btn:hover:before, .btn:focus:before, .btn
.fares-dates-table .border-btn:before{
	width: calc(100% + 2px);
    height: calc(100% + 2px);
    margin: -1px;
} */
.fares-dates-table td{
    padding: 6px 4px;
}
.fares-dates-table-new td{
    padding: 0px 0px;
}
.fares-dates-table th{
	padding: 10px 4px;
}
.fares-dates-table td, .fares-dates-table th{
	vertical-align: middle;
}
.fares-dates-table td{
	line-height: normal;
}
.fares-dates-table td.price{
	 white-space: nowrap;
}
.fares-dates-table thead th{
	color: #fff;	
	font-weight: normal;
}
.fares-dates-table tbody tr:child(even) td{
	background: #f2f2f2;
}
.form-fares-dates{
	margin-bottom: 20px;
    margin-top: -5px;
}
.form-fares-dates .desc{
    color: #f00;
    display: block;
    font-size: 1rem;
    font-style: normal;
    text-align: center;
    margin: 0;
    /* height: 34px;
    line-height: 34px; */
    background: none;
    border: none;
    padding: 0;
    width: 100%;
    box-shadow: none;
    position: relative;
    cursor: default;
}
.rooms-allocation{
	position: absolute;
    z-index: 30;
    bottom: -11px;
    right: 100%;
    display: none;
}
.rooms-allocation .btn-continue{
	text-align: right;
	margin-top: 8px;
}
.rooms-allocation .btn-continue a{
    padding: 4px 10px;
}
.rooms-allocation .box{
    background: #fff;
    width: 400px;
    box-shadow: 1px 1px 4px #00000030;
    color: #000;
    text-align: left;
    padding: 8px 14px;
}
.rooms-allocation .box .title{
	font-weight: bold;	
}
.rooms-allocation .box .upgrade-box .item{
	display: flex;	
}
.rooms-allocation .box .upgrade-box .item .name{
	flex: 1;	
}
.rooms-allocation .box .upgrade-box .item .name span{
	padding-left: 10px;
}
.form-fares-dates .desc:hover .rooms-allocation{
	display: block;
}
.form-fares-dates .desc.full{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
}
.form-fares-dates .tab-content .table{
	/* max-height: 282px;
    overflow: auto;
    position: relative; */
}
#pcTourPriceDetailId .table thead th{
	border-bottom: 0;
}
#pcTourPriceDetailId .dataTables_scrollHead {
	border-bottom: 2px solid #dee2e6 !important;
}
/* .form-fares-dates .tab-content .table > .fares-dates-table{
	margin-top: -46px;
} */
/* .form-fares-dates .tab-content .table::-webkit-scrollbar{
    width: 7px;
    background-color: #fff;
}
.form-fares-dates .tab-content .table::-webkit-scrollbar-button{
    display: none;
}
.form-fares-dates .tab-content .table::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: #bcbcbc;
}
.form-fares-dates .tab-content .table::-webkit-scrollbar-track{
    background-color: #fff;
    box-shadow: none;
} */
.form-fares-dates .tab-content .thead {
	height: 44px;
	overflow: hidden;
}

.form-fares-dates.mob .tab-content{
    max-height: 100%;
    overflow: visible;
    position: static;
}
.form-fares-dates .tab-content .empty-tr td{
	border: none;
	background: #f4f4f4;
}
.form-fares-dates .tab-content thead{
	position: relative;
	z-index: 1;
}
.form-fares-dates .tab-content .month-item{
	color: #666;
	height: 46px;
}
.form-fares-dates .tab-content tbody tr:nth-child(even) td{
	background: #f4f4f4;
}
.form-fares-dates .tab-content .fares-dates-table-new tbody tr:nth-child(even) td{
	background: none;
}
.form-fares-dates ul{
    background: #fff;
    z-index: 0;
}
.form-fares-dates ul li{
	list-style: none;
	background: none !important;
	padding: 0;
    margin: 0px 10px 16px 10px;
}
.form-fares-dates ul li a.nav-link{
	color: #333;
    border-radius: 50px;
    padding: 0px 13px;
    font-size: 1rem;
    font-weight: bold;
}
.form-fares-dates-mob-box {
	margin:6px 10px 0px 10px;
	font-size:1rem
}
.hotel-surcharges{
    height: 32px !important;
}
.hotel-surcharges td{
	padding-left:15px;
	border-top: 0;
    position: relative;
    top: -8px;
}
#pcTouryearId,#mobTouryearId{
    display: flex;
    padding-top: 3px;
    font-weight: bold;
}
#pcTouryearId .nav-item, #mobTouryearId .nav-item{
	display: flex;
}
#pcTouryearId span:nth-child(1),#mobTouryearId span:nth-child(1){
	position: relative;
    top: -0.8px;
}
#pcTouryearId span,#mobTouryearId span{
    position: relative;
    top: 0px;
    color: #000;
}
#pcTouryearId span.title,#mobTouryearId span.title{
	position: relative;
	margin: 0;
    cursor: pointer;
    text-align: center;
    min-width: 55px;
}
.tour-year-box .modal-footer > div{
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
}
.tour-year-box .modal-body{
	font-size: 18px;
    margin: 10px 0px;
    font-weight: bold;
}
.tour-year-box .modal-footer > div .btn{
	margin: 0;
}
.tour-year-box .modal-footer > div > div{
    text-align: center;
    width: auto !important;
    margin: 0 10px !important;
    width: 36% !important;
    
}
.tour-year-box .modal-footer > div .border-btn{
	padding: 8px 9px;
}
.expenses-info{
	display: initial;
}
.recommend-list .price-box{
	min-width: 140px;
}
.recommend-list td{
	vertical-align: top;
}
.expenses-info.changes{
	margin-left: 20px
}
.expenses-info.info-left {
	margin-left: 5px;
	font-weight: bold;
}
/* .form-fares-dates > div{
    position: relative;
    z-index: -1;
} */
.form-fares-dates.mob{
	display: none;
	margin-bottom: 20px;
}
.form-fares-dates.mob .tips-item{
	position: relative;
	display: flex;
	border-bottom: 1px #cacaca solid;
}
.form-fares-dates.mob .arrow-tour{
    margin-top: -25px;
}
.form-fares-dates.mob .swiper-button-next:after, .form-fares-dates.mob .swiper-button-prev:after{
    font-size: 1.2rem;
}
.form-fares-dates.mob .arrow-tour span{
	color: #000;
	background: #fff;
}
.form-fares-dates.mob .arrow-tour span.swiper-button-disabled{
	display: none;
}
.form-fares-dates.mob .swiper-button-next{
	margin-right: -15px;
}
.form-fares-dates.mob .swiper-button-prev{
	margin-left: -15px;
}
.form-fares-dates.mob .tips-item .swiper-container{
    padding: 0 6px;
    flex: 1;
}
.form-fares-dates.mob .hide{
	display: none;
}
.form-fares-dates.mob .nav-pills{
    flex-wrap: nowrap;
    -ms-flex-wrap: initial;
}
.form-fares-dates.mob .tips-menu-box{
	/* border-bottom: 1px #ddd solid;
    margin-bottom: 10px; */
    margin: 0 -5px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.form-fares-dates.mob .nav-pills .nav-item{
	width: auto;
}
/* .form-fares-dates.mob .item{
    margin: -5px;
} */
.form-fares-dates ul li a.nav-link.active:hover{
	color: #fff;
}
.form-fares-dates.mob .item > div{
	float: left;
	width: 50%;
}
.form-fares-dates.mob .inline-table{
    margin: 0;
    padding: 0;
    background: #fff;
    /* box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); */
	display: flex;
    flex-wrap: wrap;
}
.form-fares-dates.mob .price-table-box {
	margin-bottom: 15px;
	border: 1px #cacaca solid;
	margin-top: -1px;
}
.form-fares-dates.mob .price-table-box:nth-last-of-type(1) {
	margin-bottom: 0;
}
.form-fares-dates.mob .price-table-box .start-box {
	display: flex;
	padding-top: 12px;
	padding-bottom: 6px;
}
.form-fares-dates.mob .price-table-box .start-box .img-box {
	line-height: normal;
	display: flex;
	flex: 1;
	align-items: center;
	padding: 0 15px;
	padding-top: 15px;
}
.form-fares-dates.mob .price-table-box .start-box .img-box .icon{
	min-width: 20px;
}
.form-fares-dates.mob .price-table-box .start-box .img-box .left {
	content: "";
	overflow: hidden;
	width: 50%;
	position: relative;
	height: 3px;
	top: 2px;
}
.form-fares-dates.mob .price-table-box .start-box .img-box .left img{
	position: absolute;
	left: 0;
	max-width: initial;
	height: 3px;
}
.form-fares-dates.mob .price-table-box .start-box .img-box .right {
	content: "";
	overflow: hidden;
	width: 50%;
	position: relative;
	height: 3px;
	top: 2px;
}
.form-fares-dates.mob .price-table-box .start-box .img-box .right img{
	position: absolute;
	right: 0;
	max-width: initial;
	height: 3px;
}
.form-fares-dates.mob .price-table-box .start-box .arrival,
.form-fares-dates.mob .price-table-box .start-box .end {
	text-align: center;
}
.form-fares-dates.mob .price-table-box .start-box .arrival {
	padding-left: 10px;
}
.form-fares-dates.mob .price-table-box .start-box .end {
	padding-right: 10px;
}
.form-fares-dates.mob .price-table-box .start-box .date{
	font-weight: bold;
	font-size: 1.3rem;
}
.form-fares-dates.mob .price-table-box .start-box .title {
    color: #666;
    /* font-size: 15px; */
   	margin-bottom: -3px;
}
.form-fares-dates.mob .inline-table li{
    margin: 0;
    align-items: center;
    /* display: flex;
    display: -webkit-box;
	display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between; */
    /* display: inline-flex; */
    width: 50%;
    
    /* border-bottom: 1px solid #e8e8e8; */
    padding: 12px 20px;
    color: #666;
}
.form-fares-dates.mob .inline-table li:nth-child(1),
.form-fares-dates.mob .inline-table li:nth-child(2) {
	/* background: #e5e5e5 !important; */
}
.form-fares-dates.mob .inline-table li:nth-child(even),
.form-fares-dates.mob .inline-table li:nth-child(even) {
	text-align: right;
}
.form-fares-dates.mob .inline-table li:nth-child(even) span.mob-title,
.form-fares-dates.mob .inline-table li:nth-child(even) span.mob-title{
	width: 56px;
    display: inline-block;
    text-align: left;
}
.form-fares-dates.mob .inline-table li:nth-child(even) span.price,
.form-fares-dates.mob .inline-table li:nth-child(even) span.price{
    width: 70px;
    display: inline-block;
    text-align: left;
}
.form-fares-dates.mob .item > div{
	width: 100%;
}
.form-fares-dates.mob .inline-table li:nth-last-of-type(1){
	width: 100%;
}
.form-fares-dates.mob .book-btn{
    padding: 5px 0;
    margin: 5px 10px;
    cursor: pointer;
}
.form-fares-dates.mob .mob-title{
	font-weight: bold;
    color: #333;
    min-width: 54px;
}
.highlights-box .video-box{
	margin-left: 20px;
}
/* 精彩特色 */
body.featured-body{
	overflow: hidden;
}
.featured .textDesc {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.281);
    color: #fff;
    padding: 1px 15px;
}
.featured .textDesc:hover{
    background-color: rgb(0 0 0 / 45%);
}
#freewall > div.gesture .textDesc:hover{
	background-color: rgba(0, 0, 0, 0.281);
}
/*CSS for modal lightbox*/
.featured .row > .column {
	padding: 5px;
	height: auto;
}
.featured .row:after {
  content: "";
  display: table;
  clear: both;
}
/* Create four equal columns that floats next to eachother */
.featured .column > div {
  cursor: pointer;
  height: 60px;
  background: #ccc;
}
.featured .column img{
	width: 100%;
}
/* The Modal (background) */
.featured .modal {
  display: none;
  position: fixed;
  z-index: 10000;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0 0 0 / 60%);
}
/* Modal Content */
.featured .modal-content {
	position: relative;
	background-color: #333;
	margin: auto;
	padding: 0;
	width: 90%;
	flex-direction: row;
	padding: 20px;
}

.featured .modal-content .column-box{
    background: #ddd;
    margin-right: 40px;
    padding: 0 5px;
    position: relative;
} 
.featured .modal-content .column-box .swiper-container{
	height: 250px;
}
.featured .modal-content .column-box .swiper-container .swiper-slide{
    padding: 5px!important;
}
.featured .modal-content .column-box .caption-container{
	text-align: center;
	padding: 10px 10px 5px 10px;
}
.featured .modal-content .column-box .swiper-box{
	position: relative;
}
.featured .modal-content .column-box .caption-container p{
    font-weight: bold;
    font-size: 1.1rem;
}
.featured .modal-content .column-box .caption-container span{
    min-height: 48px;
    display: block;
    text-align: left;
}
.featured .modal-content .my-modal-box{
	flex: 1;
}
/* The Close Button */
.featured .close {
  color: white;
  position: fixed;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}
.featured .close:hover,
.featured .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
/* Hide the slides by default */
.featured .mySlides {
  display: none;
}
.featured .mySlides .object-cover-box{
	height: 70vh;
}
/* Next & previous buttons */
.featured .prev{
    left: -20px;
}
.featured .next{
	right: -20px;
}
.featured .prev,
.featured .next {
  top: 50%;
  width: auto; 
  padding: 16px; 
  margin-top: -30px;  
  color: #fff !important;
  font-weight: 700;  
  font-size: 20px;  
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;  
  user-select: none;  
  -webkit-user-select: none;
  font-family: 'swiper-icons';      
  cursor: pointer;
  position: absolute;
}
.featured .prev::before{
    content: "prev";
    color: #fff !important;
}
.featured .next::before{
    content: "next";
    color: #fff !important;
}

/* On hover, add a black background color with a little bit see-through */
.featured .prev:hover,
.featured .next:hover {
  opacity: 0.6;
}
/* Number text (1/3 etc) */
.featured .numbertext {
  color: #fff;
  font-size: 14px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  text-shadow: 1px 1px 0 rgb(0 0 0 / 67%);
}
/* Caption text */
.featured img.demo {
  opacity: 0.3;
  transition: all 0.2s;
}
.featured .active,
.featured .demo:hover {
  opacity: 1 !important;
}
.featured img.hover-shadow {
  transition: 0.3s;
}
.featured .hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#freewall > div{
	cursor: pointer;
}
#freewall > div.gesture{
    cursor: auto;
}
#freewall .hero-panel{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    text-align: center;
    width: 100%;
    word-break: break-all;
    padding: 0 20px;
}
/* #freewall .hero-panel h5{
	font-size: 3rem;
} */
/*features*/

#freewall .hero-panel h5 {
    /*adjust break to avoid arbitrary wrap*/
    word-break: break-word;
}
#freewall .hero-panel p{
	font-size: 1.2rem;
	font-weight: bold;
}
#freewallOne{
	margin-bottom: 10px;
	position: relative;
    min-height: 120px;
}
#freewallOne img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#freewallOne .table-box{
    display: flex;
	display: -webkit-box;
	display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
}
#freewallOne .table-box .table-cell-middle{
	width: 100%;
}
#freewallOne .hero-panel{
    padding: 0 20px;
    word-break: break-all;
}
#freewallOne .hero-panel p{
	margin: 0;
	font-size: 1.2rem;
	font-weight: 700;
}

#freewallOne .hero-panel h5{
    font-size: 2rem;
    line-height: 30px;
    margin-bottom: 4px;
    /* margin-top: 35px; */
}
.ul-before-book > li > ul > li > p,.ul-before-book > li > ul > li > div,.ul-before-book > li > ul > li > span > p,.ul-before-book > li > p,.ul-before-book > li > span > p,.ul-before-book > li > div{
	display: inline;
}
.featured .modal-content .my-modal-box{
	padding-top: 50px;
}
.featured .modal-content .my-modal-box .close{
    position: absolute;
    top: -6px;
    right: 5px;
    text-shadow: 1px 0px 2px #000, -1px 0px 2px #000, 0px 1px 2px #000, 0px -1px 2px #000;
}
.loadEffect-fares-dates{
    width: 100%;
    height: 130px;
    position: relative;
    text-align: center;
}
.loadEffect-pre-post{
	width: 100%;
    height: 180px;
    position: relative;
    text-align: center;
    line-height: 180px;
}
.loadEffect-fares-dates .loadEffect{
    margin-top: -50px;
}

#beforeBook a{
    text-decoration: underline !important;
    font-weight: normal !important;
}
#beforeBook,
#Overview,
#Tips,
#Hotels {
	-webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
}
/* #beforeBook a img{
    position: relative;
    top: 1px;
    display: none !important;
} */
/* Pre post */
.tour-pre-post-box .modal-header{
	padding-bottom: 0;
	margin: 0 -16px;
}
.tour-pre-post-box .modal-header .title{
    width: 100%;
}
.tour-pre-post-box .modal-header .title .pre-name-box{
	/* display: block;
    text-align: center; */
    width: 100%;
    font-weight: bold;
    margin-top:7px;
    font-size: 1rem;
    /* background: #FFCC33; */
    margin: 10px 0 5px 0;
    padding-top: 4px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tour-pre-post-box .pre-name-box .name{
	margin: 0 8px;
	white-space: nowrap;
}
.tour-pre-post-box .pre-name-box .img{
	width: 20px;
	padding-bottom: 9px;
}
.start-date {
	text-align: left;
	display: flex;
    align-items: center;
    margin-bottom: -1px;
    /* padding-left: 1px; */
    /* padding-left: 2px; */
}
.start-date .tour-label {
    color: #fff;
    padding: 4px 7px 2px 7px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    /* margin-left: -1px; */
    /* margin-left: -2px; */
}
.start-date.tw .tour-label {
	background: #355749;
}
.start-date.en .tour-label {
	background: #143293;
}
.start-date .tour-data {
    color: #355749;
    font-size: 15px;
    font-weight: bold;
}  
.start-date.en .tour-data{
    color: #143293;
}  
.tour-pre-post-box .modal-header .title .pre-title-box{
	display: flex;
} 
.tour-pre-post-box .modal-dialog{
	max-width: 800px;
}
.tour-pre-post-box .modal-body {
	padding: 10px 25px 25px 25px;
}
.tour-share-box .modal-body{
    padding: 25px 45px 40px 45px;
}
.tour-share-box .icon-print img{
	cursor: pointer;	
}
#tourPrePostInfo .modal-dialog{
	width: fit-content;
	min-width: 370px;
}
#tourPrePostInfo .modal-dialog .swiper-slide.width{
	width: 100% !important;
}
/* #tourPrePostDataInfo{
	padding: 0 15px;
} */
#tourPrePostDataInfo .picture {
	height: 200px;
	height: 140px;
}
#tourPrePostDataInfo .picture span.tour-label{
	position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    height: 16px;
    text-align: center;
    line-height: 16px;
    box-shadow: rgba(0, 0, 0, 0) 1px 1px 6px;
    z-index: 1;
    padding: 0 5px;
}
#tourPrePostDataInfo .swiper-list-box > div {
	display: flex;
}
#tourPrePostDataInfo .swiper-list-box{
	/* max-width: 270px;
	min-width: 270px; */
	max-width: 340px;
	min-width: 340px;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
    position: relative;
}

#tourPrePostDataInfo .picture img{
    width: 100%;
}
/* #tourPrePostDataInfo .pre-list{
	border: 1px solid #e6e6e6;
} */
#tourPrePostDataInfo .pre-list .language {
	color: #666;
    /* display: flex;
    align-items: baseline; */
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#tourPrePostDataInfo .pre-list .language i{
	color: #666;
    font-size: 0.95rem;
    margin-right: 3px;
}
#tourPrePostDataInfo .content-exhibition {
    padding: 10px 15px;
    text-align: left;
}
#tourPrePostDataInfo .content-exhibition .brief-box{
	flex-flow: wrap;
}
#tourPrePostDataInfo .content-exhibition .date-box > div{
	flex: 1;
    line-height: 36px;
    padding-right: 10px;
}
#tourPrePostDataInfo .content-exhibition .date-box > div .start-date{
	font-weight: bold;
    color: #666;
    margin-right: 6px;
}
#tourPrePostDataInfo .content-exhibition .date-box .btn{
    width: 115px;
    padding: 0px 2px;
    line-height: 34px;
    height: 30px;
}
#tourPrePostDataInfo .swiper-button-next,
#tourPrePostDataInfo  .swiper-button-prev{
	/* color: #000; */
	color: #fff;
}


#tourPrePostDataInfo .content-exhibition .name{
	font-weight: bold;
    /* margin: 5px 0 8px 0; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    position: relative;
    width: 100%;
    color: #333 !important;
}
#tourPrePostDataInfo .content-exhibition .start-date{
	font-weight: 600;
    color: #355749;
}

#tourPrePostDataInfo .content-exhibition .day{
    color: #333 !important;
}
#tourPrePostDataInfo .content-exhibition .division{
    padding: 0 6px;
    position: relative;
    top: -1px;
}

#tourPrePostDataInfo .brief-box .year {
    background: #eee;
    padding: 0 4px;
    color: #333 !important;
}
#tourPrePostDataInfo .content-exhibition .price {
    color: #333 !important;
}
#tourPrePostDataInfo .content-exhibition .price span {
    margin-left: 5px;
}


.loadEffect-fares-dates{
    width: 100%;
    height: 130px;
    position: relative;
    text-align: center;
}

#hotelRoomTypeImages .modal-header{
	background: #000;
    color: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    border-radius: 0;
}
#hotelRoomTypeImages .modal-content{
	box-shadow: 0px 0px 10px #0000009c;
}
#hotelRoomTypeImages .modal-header .title {
	flex: 1;
}
#hotelRoomTypeImages .modal-header .close-box{
	display: block;
    background: #c4c4c4;
    border-radius: 3px;
    height: 24px;
    width: 26px;
    text-align: center;
}
#hotelRoomTypeImages .modal-header .close-box .close{
    position: initial;
    color: #000;
    margin: 0;
    font-size: 16px;
    float: inherit;
    line-height: inherit;
    text-shadow: none;
    font-weight: bold;
}
#hotelRoomTypeImages .modal-body{
	padding: 0;
	min-height: 160px;
}
#hotelRoomTypeImages .swiper-box{
	position: absolute;
    bottom: 10px;
    width: 100%;
    z-index: 1;
}
#hotelRoomTypeImages .swiper-box .nr{
    display: inline-flex;
    align-items: center;
    background: #000000cc;
    border-radius: 16px;
    padding: 7px 0;
}
#hotelRoomTypeImages .swiper-box .nr > div{
	position: inherit;
	color: #fff;
    padding: 0;
    height: initial;
    width: initial;
    margin: 0;
}
#hotelRoomTypeImages .swiper-box .nr .swiper-pagination{
    display: flex;
    align-items: center;
}
#hotelRoomTypeImages .swiper-box .nr .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    margin: 0 3px;
    width: 5px;
    height: 5px;
    transition: all 0.3s;
}
#hotelRoomTypeImages .swiper-box .nr .swiper-pagination .swiper-pagination-bullet-active{
	background: #fff;
    transform: scale(1.6);
}
#hotelRoomTypeImages .swiper-button-next, #hotelRoomTypeImages .swiper-button-prev{
	padding: 0 15px !important;
	text-shadow: 0px 0px white;
}
#hotelRoomTypeImages .swiper-button-next:after, #hotelRoomTypeImages .swiper-button-prev:after{
	font-size: 12px !important;
    transform: scale(0.8);
    font-weight: bold;
}
#hotelRoomTypeNr .swiper-container .swiper-slide img{
	width: calc(100% + 2px);
}
/* 返回顶部处理 */
.content-section > div{
    padding-top: 160px;
    margin-top: -160px;
}

/* 取消吸顶 */
/* .navbar-box.sticky{
	position: static;
} */
.stickyin-page-nav .nav-link{
	padding-left: 35px;
}

.start-city p{
	display: inline-block;
}
/* 分享阴影 */
.share-sup {
	filter: drop-shadow(1.6px 1.6px 1.3px #555555);
}

#touryear .modal-dialog{
    margin-top: 0;
    transform: translate(-50%, -50%);
    top: 50%;
    margin: 0;
    bottom: auto;
    left: 50%;
}
.fromPrice {
	border-right: 0 !important;
	padding: 0 10px;
}
.tour-flex {
	display: flex !important;
    display: -webkit-box !important;
	display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    flex-wrap: wrap;
}
.days-box .mob-title-box{
	display: none;
}
.brCss {
	display:none;
}
.link-english-box{
	text-decoration: underline;
	cursor: pointer;
}

#tourWebReserved .modal-dialog{
	max-width: 400px;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
#tourWebReserved .modal-header{
    border-bottom: 1px solid #dee2e6;
    padding-right: 45px;
}
#tourWebReserved .modal-header .close{
	font-size: 20px;
}
#tourWebReserved .modal-header h5{
    margin: 0;
    font-size: 1.1rem;
    font-weight: normal;
}
#tourWebReserved .error-res{
	color: red;
    text-align: left;
    font-size: 14px;
    display: none;
}
#tourWebReserved .modal-footer{
	border-top: 1px solid #dee2e6;
    padding-top: 12px;
}
#tourWebReserved .modal-footer a{
	margin: 0;
    width: 90px;
}
#tourWebReserved .modal-footer .cancel-btn{
    padding: 4px 12px;
    margin-right: 5px;
}
#tourWebReserved .modal-footer .next-btn{
	padding: 6px 12px;
}

#tourWebReserved .modal-footer .border-btn:hover:before,
#tourWebReserved .modal-footer .border-btn:focus:before,
#tourWebReserved .modal-footer .border-btn:active:before{
	-webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.registration-text{
	margin-bottom: 15px;
    margin-top: -15px;
    color: red;
}

.tour-footer-box{
	bottom: 0;
	top: auto;
	display: none;
	z-index: 100;
    align-items: center;
    padding: 10px 15px !important;
}
.tour-footer-box .icon-box.left-icon{
	flex: 1;
	margin: 0;
}
.tour-footer-box.stickyin-page-nav .left-icon img{
	height: 28px;
}
.tour-footer-box .icon-box.left-icon a{
	padding: 0 10px 0 0;
}
.tour-footer-box .icon-box.left-icon a:nth-last-of-type(1){
	padding-right: 0;
}
.tour-footer-box .right-reserve{
	display: flex;
	align-items: center;
}
.tour-footer-box .right-reserve .btn-tonal{
    padding: 0 10px;
    margin-right: 8px;
    height: 34px;
    line-height: 34px;
}
.tour-footer-box .right-reserve .tr-phot{
	white-space: nowrap;	
	color: #fff;
}
.site-new-box {
	line-height: 28px;
}
.site-new-box .site-difficulty{
	transform: scale(1.5);
    display: inline-block;
    padding: 0 10px;
}
.site-new-box .site-difficulty-box{
    height: 13px;
    display: inline-block;
    vertical-align: baseline;
}
/* .trim-trailing-space::after {
  content: "\00a0"; Unicode for a non-breaking space
  white-space: pre-wrap;
} */
.site-new-box .site-remark p{
	margin: 0;
    display: inline;
}
.itinerary .list .box .item {
	line-height: 28px;
}
.itinerary .list .box .first-day {
	margin-bottom: 10px;
}
.itinerary .list .box .last-day {
	margin-top: 10px;
}
.old-fares-dates-info, .new-fares-dates-info{
	display: none;
}
.new-fares-dates-info > ul > li > ul.special > li {
	padding: 0;
    background: none !important;
}
.new-fares-dates-info > ul > li > .nr .right > div{
	display: inherit;
}
.ul-attribute .new-fares-dates-info > ul > li > ul.special > li ul > li{
	background: url(/static/img/origin_2.png) no-repeat !important;
    background-position: 3px 10px !important;
    background-size: 8px 7px !important;
}
.new-fares-dates-info > ul > li > ul > li.special-new {
	padding: 0;
    background: none !important;
}

.new-fares-dates-info .room-type-selection{
	cursor: pointer;
	display: none;
}
.new-fares-dates-info .airfare-list-show.active {
	display: none;
}
.new-fares-dates-info .room-type-selection .img-hover{
	display: none;
}
.new-fares-dates-info .room-type-selection a:hover .img-box{
	display: none;
}
.new-fares-dates-info .room-type-selection a:hover .img-hover{
	display: inline;
}
.new-fares-dates-info .recommended-projects{
	display: none;
}
.new-fares-dates-info > ul > li > ul > li .nr table thead th{
	border-bottom: 1px #000 solid;
    padding-right: 30px;
}
.new-fares-dates-info > ul > li > ul > li .nr table thead th:nth-last-of-type(1){
	padding-right: 0;
}
#tourUpgrade .modal-dialog{
    max-width: 1200px;
    width: fit-content;
}
#tourUpgrade .modal-dialog .modal-header{
	padding-bottom: 0;
}
#tourUpgrade .modal-dialog .modal-header .title{
	display: block;
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 1.2rem;
}
#tourUpgrade .modal-dialog .modal-header .title .nr-box{
	color: #c00000;
    font-size: 1rem;
    font-weight: normal;
    padding-top: 5px;
    max-width: 100%;
}
#tourUpgrade .modal-dialog .modal-body {
	padding: 10px 30px 20px 30px;
}
#tourUpgrade .modal-dialog .modal-body td{
	text-align: left;
	vertical-align: top;
}
#tourUpgrade .modal-dialog .modal-body td .stand-in-line{
	white-space: nowrap;
    display: inline-flex;
    width: 100%;
}
#tourUpgrade .modal-dialog .modal-body td .expenses-info.info-left{
	white-space: nowrap;
	margin-left: 20px;
}
#tourUpgrade .modal-dialog .modal-body tr.partition-tr td{
	border-top: 1px #e1e1e1 solid;
    padding-top: 10px;
}
#tourUpgrade .modal-dialog .modal-body tr.partition-tr:nth-child(1) td {
	border: none;
	padding-top: 0;
}
#tourUpgrade .modal-dialog .modal-body tr.last-tr td{
	padding-bottom: 15px;
}
.mob-room-type-box{
	display: none;
}
.mob-room-type-box ul{
	list-style: none;
	padding: 0;
}
.mob-room-type-box ul li{
	text-align: left;
    padding: 0 1.2rem;
    margin-bottom: 15px;
}
.mob-room-type-box ul li .title-str{
	margin-bottom: 6px;
	background: #d8e8f7;
    padding: 4px 8px;
}
.mob-room-type-box ul li:nth-last-of-type(1) {
	border-bottom: 0;
	padding-bottom: 0px;
    margin-bottom: 0px;
}
.mob-room-type-box .stand-item{
	padding: 0;
}
.mob-room-type-box .stand-item .stand-in-line{
    margin-bottom: 10px;
    border-bottom: 1px #ccc dashed;
    padding: 0px 8px 10px 8px;
}
.mob-room-type-box .stand-item .stand-in-line:nth-last-of-type(1) {
	border-bottom: 0;
	padding-bottom: 0px;
    margin-bottom: 0px;
}
.mob-room-type-box .stand-item .info-box{
	display: flex;
}
.mob-room-type-box .stand-item .info-box .room-type{
	flex: 1;
    padding-right: 20px;
}
.mob-room-type-box .stand-item .info-box .price{
	font-weight: bold;
}
/*------------------------------------------ 处理 （小于） 当前窗口的媒体样式 */
@media screen and (max-width: 1400px) {    
	.tour-menu{
		padding: 0 20px;
	}
}
@media screen and (max-width: 1250px) {    
	.itinerary .list .box .img-list .item .title{
		font-size: 1rem;
	}
	.form-fares-dates.mob .tips-menu-box {
	    position: sticky;
	    top: 132px;
        background: #fff;
    	padding: 10px 0px 0 0px;
   	    z-index: 30;
	}
	.form-fares-dates.mob .swiper-container h5{
	    overflow: inherit;
        margin-left: 0;
	}
}
@media screen and (max-width: 1140px) {
	.itinerary .btn-day{
		display: block;
	    outline: none;
	}
	.fares-box .inline-table{
		display: block !important;
	}
	.fares-box .inline-table li .mob-title{
		display: block;
	}
	.fares-box .tab-content{
	    overflow: visible;
    	max-height: none;
	}
}
@media screen and (max-width: 1024px) {
	.nav-box{
		text-align: center;
		flex: 1;
	}
	.nav-box .swiper-wrapper{
	    display: inline-flex;
	    position: relative;
	    width: auto;
	}
	.nav-box ul li{
		text-align: center;
		display: inline-block;
		width: auto;
	}
	.nav-box ul li a{
		/* padding: 18px 25px; */
		padding: 18px 20px 16px 20px;
	}
	.stickyin-page-nav .nav-link{
		/* padding-left: 25px; */
		padding-left: 20px;
	}
	.sticky-inner-wrapper{
		display: flex;
		display: -webkit-box;
		display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	}
	.tour-box .tour-menu{
		padding: 0;
	    position: sticky;
	    z-index: 101;
	    box-shadow: 0px 1px 4px #00000038;
	    transition-duration: 0.36s;
		/* Firefox 4 */
		-moz-transition-duration: 0.36s;
		/* Safari and Chrome */
		-webkit-transition-duration: 0.36s;
		/* Opera */
		-o-transition-duration: 0.36s;
		top: 132px;
		background: #f2f2f2;
		width: 100%;
	}
	.tour-box .tour-menu.active{
		top: 62px;
	}
	.stickyin-page-nav{
		padding: 0;
	}
	.dates-btns{
		display: none;
	}
	.stickyin-page-nav .arrow-tour{
		display: block;
	}
	.stickyin-page-nav .jeswvahs{
		display: flex;
	}
	.stickyin-page-nav .sticky-outer-wrapper{
		position: relative;
	}
	.stickyin-page-nav .sticky-outer-wrapper{
		flex: 1;
	}
	.stickyin-page-nav .icon-box{
		border: 0;
    	padding: 0;
    	margin-right: 5px;
    	margin-left: 5px;
	}
	.stickyin-page-nav .icon-box a i{
		padding-left: 0;
	}
	.stickyin-page-nav .icon-box a{
		padding: 0 10px;
		padding-top: 18px;
	}
	.content-section > div {
	    padding-top: 230px;
	    margin-top: -230px;
	}
}	
@media screen and (max-width: 992px) {
	.tripdetailsbox-big .price > a{
		display: block;
	}
	.form-fares-dates.mob .tips-menu-box {
        top: 174px;
	}
	.tour-map img{
		max-width: 100%;
		width: 100%;
	}
	.content-section > div{
        padding-top: 200px;
    	margin-top: -200px;
	}
	.featured .column > div{
		height: 70px;
	}
	.featured img{
		width: 100%;
	}
	.featured .modal img{
		width: 100%;
		max-height: -webkit-fill-available;
	}
	
	.featured .next{
		right: 0;
		text-shadow: 2px 2px 3px rgb(0 0 0 / 34%);
	}
	.featured .prev{
		left: 0;
		text-shadow: 2px 2px 3px rgb(0 0 0 / 34%);
	}
	.featured .modal-content .column-box{
	    padding: 0 25px;
	}
	.featured .modal-content .column-box .swiper-container{
		height: auto !important;
		padding-bottom: 10px;
	}
	.featured .modal-content .column-box .swiper-container .column-img{
		height: auto !important;
	}
	.featured .modal-content .column-box .swiper-button-next,.featured .modal-content .column-box .swiper-button-prev{
    	bottom: auto;
    	top: auto;
    	transform: translate(0 , -100%);
	}
	.featured .modal-content .column-box .swiper-button-next:after,.featured .modal-content .column-box .swiper-button-prev:after{
	    font-size: 1rem;
    	font-weight: bold;
	}
	.featured .modal-content .column-box .swiper-button-prev{
		left: -23px;
	}
	.featured .modal-content .column-box .swiper-button-next{
		right: -23px;
	}
	.featured .modal-content .my-modal-box{
		padding: 0;
	}
	.tripdetailsbox-big .reserve-box{
		display: none !important;
	}
	.itinerary-title{
		display: none;
	}
	.tripdetailsbox-big{
		padding: 0px 10px;
	}
	/* .mob-dates-btns{
		display: block;
	} */
	footer{
		padding-bottom: 50px;
	}
	.fares-box .thead{
		display: none;
	}
	.content-section > div{
		margin-left: 0;
		margin-right: 0;
	}
	.fares-dates-box #hotelId{
		margin: -10px;
    	margin-top: 30px;
	}
	.fares-dates-box #hotelId > div{
		width: 50%;
	    float: left;
        padding: 0 10px;
	}
	.fares-dates-box .table-box{
		width: 100%;
	}
	.fares-dates-box .table-box td{
		display: block;
		text-align: left;
		padding: 10px 15px;
	}
	.fares-dates-box .table-box .mob-room{
		display: none;
	}
	.fares-dates-box .table-box .mob-title{
		display: block;
	    font-weight: bold;
	    color: #333;
	}
	.fares-dates-box .table-box .mob-box{
		display: flex;
		display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
        align-items: center;
	    display: flex;
	    justify-content: space-between;
	}
	.fares-dates-box .table-box tbody td{
		margin: 0 10px;
		border-top: 1px #e1e1e1 solid;
		padding: 10px 7px;
	}
	.fares-dates-box .table-box .room-color{
		font-weight: normal;
		color: #666;
		font-size: 16px;
	}
	.fares-dates-box .table-box td > strong{
		font-size: 16px;
	}
	.fares-dates-box .table-box .mob-title{
		font-size: 16px;
	}
	.fares-dates-box .table-box .title td strong{
		font-size: 18px;
	}
	.fares-dates-box .table-box tr{
	    background: none !important;
	}
	.fares-dates-box .table-box thead .title{
	    background: #f6f6f6 !important;
	}
	.featured .modal-content{
	    flex-direction: column-reverse;
	}
	#freewallOne {
    	min-height: 140px;
    }
    #freewallOne .hero-panel h5{
    	padding-top: 10px;
    	filter: drop-shadow(#fff -30px 0px 0px);
    }
}
@media screen and (max-width: 768px) {
	#tourPrePostInfo {
		padding-right: 15px;
	}
	.mob-room-type-box{
		display: block;
	}
	#tourUpgrade .modal-dialog .modal-header .title .nr-box{
		text-align: left;
	}
	#tourUpgrade .modal-dialog .modal-header{
		padding: 1rem 1.2rem;
		padding-bottom: 0;
	}
	#tourUpgrade .modal-dialog .modal-body{
		padding: 0.5rem 0;
	}
	.pc-room-type-box{
		display: none;
	}
	#tourUpgrade .modal-dialog .modal-body td .stand-in-line{
		white-space: revert;
	}
	.stickyin-page-nav .sticky-outer-wrapper{
	    position: static;
	}
	.stickyin-page-nav .jeswvahs{
	    display: block;
	}
	.tripdetailsbox-big .price > div:nth-last-of-type(1) {
		padding: 0 10px 0 0;
	}
	.tour-box .tour-menu{
	    top: 116px !important;
	}
	.form-fares-dates.mob .book-btn:hover:before,
	.form-fares-dates.mob .book-btn:focus:before,
	.form-fares-dates.mob .book-btn:active:before{
	    -webkit-transform: scaleX(0);
    	transform: scaleX(0);
	}
	.tripdetails-list{
		position: relative;
	    top: 0;
	}
	.arrow-tour span{
		margin: 0;
	}
	.form-fares-dates.pc{
		display: none !important;
	}
	.form-fares-dates.mob{
		display: block;
	}
	.tripdetailsbox-big .top-name{
        border-bottom: 1px #929292 solid;
        padding-bottom: 7px;
    	margin-bottom: 8px;
	}
	.tripdetailsbox-big > div{
		overflow: hidden;
	}
	.expenses-info {
	    display: inline;
	}
	.expenses-info.changes {
		display: block;
		font-weight: bold;
		text-align: right;
	}
	.recommend-list td.price-box{
		text-align: right;
	}
	.recommend-list .expenses-info.changes{
		display: inline-block;
	}
	.recommend-list table{
		width: 100%;
	}
	.stickyin-page-nav .icon-box{
		display: none !important;
	}
	.tour-footer-box.stickyin-page-nav .icon-box{
		display: block !important;
	}
	.form-fares-dates.mob .inline-table li:nth-last-of-type(2) {
		border-bottom:none !important;
	}
	.book-box {
		border-top: 1px solid #e8e8e8;
	}
	.rooms-allocation{
		left: 50%;
	    bottom: auto;
	    top: 50%;
	    position: fixed;
	    margin-left: -175px;
	}
	.rooms-allocation .box {
		box-shadow: 0px 0px 12px rgb(0 0 0 / 45%);
		width: 350px;
	}
	.rooms-allocation .box .item{
		margin: 0;
	}
	.rooms-allocation .box .item > div{
	    width: auto !important;
	}
	.stickyin-page-nav .nav-link:hover{
		font-weight: normal;
	}
	.stickyin-page-nav .nav-link.active{
		font-weight: bold;
	}
	.registration-text{
	    margin-top: 0px;
	}
	.tour-footer-box > div{
		display: flex;
	}
	#Overview table {
		width: 100% !important;
    	max-width: 725px !important;
   	    border: none !important;
	}
	#Overview table td {
	    height: auto !important;
	}
}
@media screen and (max-width: 880px) {    
	.itinerary .list .box .img-list .item .title{
		font-size: 1.1rem;
	}
}
@media screen and (max-width: 720px) {
	.itinerary .list .box .img-list .btn-day-box{
		display: block;
	}
	#tourPrePostInfo .modal-dialog{
		width: 100%;
		min-width: 100%;
	}
}
@media screen and (max-width: 680px) {
	.form-fares-dates.mob .item > div{
		width: 100%;
	}
	.fares-dates-box #hotelId > div{
		width: 100%;
	}
	.featured .column > div{
		height: 65px;
	}
}
@media screen and (max-width: 576px) {
	.highlights-box .video-box {
		margin: 0;
	    float: none;
	}
	.highlights-box .video-box iframe {
		max-width: 100% !important;
	}
	.tripdetailsbox-big .price > div:nth-last-of-type(1) {
		padding: 0 10px 0 0;
	}
	.itinerary .list{
    	padding: 0 10px;
	}
	.itinerary .list .switch .title{
		display: initial;
	}
	.itinerary .list .title-list.pc-title-box{
		display: none;
	}
	.itinerary .list .title-list.mob-title-box{
		display: block;
	}
	.form-fares-dates.mob .tab-content {
		padding-bottom: 20px;
	}
	.featured .column > div{
		height: 50px;
	}
	.form-fares-dates-mob-box {
		margin:6px 10px;
	}
	.mob-title {
		padding-right: 8px;
	}
	.form-fares-dates.mob {
		margin: -30px 0 0 0;
	}
	.form-fares-dates.mob .inline-table li {
	    padding: 0px 10px;
	}
	.form-fares-dates ul li {
		background:none !important;
	}
	.form-fares-dates ul li {
	    margin: 0 0 10px 0;
	}
	.hotels-meals .room-list td{
		display: block;
	}
	.hotels-meals .room-list label{
	    width: auto !important;
    	padding-right: 5px;
	}
	.expenses-list td{
		display: block;
	}
	.recommend-list td{
		display: block;
	}
	.form-fares-dates.mob .tips-menu-box {
	    top: 174px;
	}
	.nav-flex .form-fares-dates.mob .tips-menu-box{
		top: 120px;
	}
	.featured .mySlides .object-cover-box{
		height: 80vw;
	}
	.tripdetailsbox-big .price {
	    margin-top: 2px;
	}
	.tripdetailsbox-big .menu-btn {
	    height: 34px;
	}
	.menu-btn span.signet {
	    line-height: 34px;
	}
	.menu-btn span.supera {
		/* font-size: 0.8rem; */
		line-height: 34px;
	}
	.itinerary .indicator-arrow{
		display: none;
	}
	.itinerary .title-list .item .time-box:after{
	    content: '';
	    position: relative;
	    bottom: -8.5px;
	    width: 0;
	    right: 2px;
	    height: 0;
	    border-top: 4px solid transparent;
	    border-left: 7px solid #999;
	    border-bottom: 4px solid transparent;
	    display: inline-block;
        margin-right: -5px;
	}
	.itinerary .title-list .item .time-box{
		border-bottom: 2px #999 solid;
	    display: inline;
        padding: 0;
        padding-right: 0;
        position: relative;
    	/* top: -2px; */
	}
}


/*------------------------------------------ 处理 （大于） 当前窗口的媒体样式 */
@media screen and (min-width: 1140px) {  
	.bed-box{
		position: relative;
	}
	.bed-box .bed-type{
		display: none;
		box-shadow: 1px 1px 9px #0000004d;
	    position: absolute;
	    left: 112%;
	    top: -50px;
	    z-index: 1;
	    width: 240px;
	    max-width: 240px;
	    margin: 0;
	}
	.bed-box .bed-type .bed-icon{
		position: absolute;
	    top: 5px;
	    right: 5px;
	    color: #000;
	    font-size: 1.2rem;
	}
	.bed-box:hover .bed-type{
		display: block !important;
	}
	.bed-box .bed-icon{
		display: none;
	}
}
@media screen and (min-width: 1025px){
	.nav-box ul{
		transform: translate3d(0px, 0px, 0px) !important;
	}
}
@media screen and (min-width: 992px) { 
	.featured .modal-content .column-box .column-img{
		/* transform: translate3d(0, 0, 0) !important; */
	   flex-direction: row;
	    margin: 0 !important;
	    height: auto !important;
	}
	.tour-menu{
		position: sticky;
	}
	.featured .modal-content .column-box .swiper-button-next:after,.featured .modal-content .column-box .swiper-button-prev:after{
		transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	}
	.featured .modal-content .column-box .swiper-button-disabled{
		opacity: 0; 
	}
	.featured .modal-content .column-box .swiper-n{
	    position: absolute;
        bottom: -30px;
	    width: 100%;
	    height: 30px;
	    left: 0;
	    text-align: center;
	    outline: none;
	}
	.featured .modal-content .column-box .swiper-n span{
		position: absolute;
	    top: 50%;
	    left: 50%;
	    margin: 0;
	    padding: 0;
	    text-align: center;
	    transform: translate(-50%, -50%);
	}
	.featured .modal-content .column-box .swiper-box{
		padding-top: 18px;
	}
	.featured .modal-content .column-box .swiper-p{
		position: absolute;
	    top: -10px;
	    width: 100%;
	    height: 30px;
	    left: 0;
	    text-align: center;
	    outline: none;
	}
	.featured .modal-content .column-box .swiper-p span{
		position: absolute;
	    top: 50%;
	    left: 50%;
	    margin: 0;
	    padding: 0;
	    text-align: center;
	    transform: translate(-50%, -50%);
	}
    /* Modal Content */
    .featured .modal-content {
        position: relative;
        background-color: #333;
        margin: auto;
        padding: 0;
        width: 95%;
        flex-direction: row;
        padding: 20px;
        height: 90vh;
    }
    .featured img{
        margin: 0 auto;
        display: block;
        max-width: 90vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #freewallOne img{
    	position: relative;
    	transform: translate(0, 0);
    	left: 0;
    	top: 0;
    }
}
@media screen and (min-width: 768px) {
	.form-fares-dates.mob{
		display: none !important;
	}
}
@media screen and (min-width: 576px) {
	.itinerary .meals-hotel-box .item > div .name span{
		display: inline-block;
	}
}

/* 手机端样式，屏幕宽度小于600px */
@media (max-width: 599px) {
	#tourPrePostTitleInfo .pre-title-box {
		display: block !important;
	}
	.tour-pre-post-box .modal-header .title .pre-title-box {
      	display: block !important;
    }
    .pre-title-box .book-btn {
     	margin: 11px 0;
    }
    .pre-title-box .lt-tout-name {
     	width: 252px;
    }
	#tourPrePostDataInfo .tab-pre-box{
		display: block !important;
		margin-bottom: 12px;
   }
   #tourPrePostDataInfo .swiper-list-box {
   	max-width: 100%;
   	min-width: 100%;
   }
   #tourPrePostDataInfo .content-exhibition .name {
   	width: 100%;
   }
   #tourPrePostDataInfo {
   	display: block !important;
   }
   #tourPrePostDataInfo .swiper-list-box {
     margin-bottom: 15px;
   }
   .pre-title-box .lt-title-box {
	line-height: normal;
	margin-right: 10px !important;
  }
  #tourPrePostDataInfo .swiper-button-prev,
  #tourPrePostDataInfo .swiper-button-next {
	 width: 35px !important;
	 height: 35px !important;
  }
  #tourPrePostDataInfo .swiper-button-prev{
    left: -23px!important;
    top: 105px;
  }
#tourPrePostDataInfo .swiper-button-next {
    right: -23px!important;
    top: 105px;
  }
}
/* 连团样式 */
.pre-title-box .lt-tout-name {
	font-size: 1.2rem;
    color: #333;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    width: 100%;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	padding-right: 20px;
}
.pre-title-box .day{
	font-weight: 600;
   /*  color: #19443c; */
   /* color: #036935;	 */	
}

.pre-title-box .division {
    padding: 0 6px;
    position: relative;
    top: -1px;
    font-weight: 600;
    /* color: #19443c; */
    /* color: #036935; */
}
.pre-title-box .year {
	font-weight: 600;
    /* color: #19443c; */
    /* color: #036935;; */
}
.pre-title-box .brief-box {
	align-items: baseline !important;
}
.pre-title-box .lt-tout-name.en .day,
.pre-title-box .lt-tout-name.en .division,
.pre-title-box .lt-tout-name.en .year {
	color: #143293;
}

.pre-title-box .border-btn {
	font-weight: 600;
    color: #19443c;
    padding: 0 4px;
}
.pre-title-box .book-btn {
	padding: 0;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    max-width: 130px;
    min-width: 105px;
}
.pre-title-box .book-btn.tw {
	border-color: #355749;
    color: #333;
}
.pre-title-box .book-btn.en {
	border-color: #333;
    color: #333;
}

/* .pre-title-box .border-btn:hover {
    color: #fff !important;
} */
.pre-title-box .border-btn:before {
    background: #355749 !important;
    color: #fff !important;
}
.pre-title-box .border-btn.en:before {
	background: #333 !important;
}
.pre-title-box .lt-title-box {
	line-height: normal;
	margin-right: 50px;
}
#tourPrePostTitleInfo .pre-title-box{
	justify-content: space-between;
	align-items: flex-end;
	padding-right: 38px;
    padding-left: 16px;
}
#tourPrePostDataInfo {
	display: flex;
    justify-content: center;
    align-items: center;
}

/* #tourPrePostDataInfo .swiper-button-next{
    right: 12px;
    top: 112px;
    width: 22px;
    background: #ccc
}
#tourPrePostDataInfo  .swiper-button-prev{
    left: 12px;
    top: 112px;
    width: 22px;
    background: #ccc
} */

#tourPrePostDataInfo .swiper-button-prev,
#tourPrePostDataInfo .swiper-button-next {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 12px;
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 100;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    /* background-color: #fff; */
    /* border: 1px #c9c8c8 solid; */
    background-color: #ebebeb;
    border: 1px #6a6969 solid;
    opacity: 0.5;
}
#tourPrePostDataInfo .swiper-button-prev{
    left: -18px;
    top: 105px;
}
#tourPrePostDataInfo .swiper-button-next {
    right: -18px;
    top: 105px;
}
#tourPrePostDataInfo .swiper-button-next:after,
#tourPrePostDataInfo .swiper-button-prev:after {
   font-size: 12px!important;
}

#tourPrePostDataInfo .swiper-button-next.swiper-button-disabled, 
#tourPrePostDataInfo .swiper-button-prev.swiper-button-disabled {
    /* opacity: .35; */
    display: none !important;
}

.pre-title-box .border-btn:before {
    background: #355749 !important;
}
.pre-title-box .border-btn:hover {
    color: #fff !important;
}

#tourPrePostDataInfo .tab-pre-box{
	display: flex;
    justify-content: space-between;
    gap: 45px;
}
.modal .close{
	right: 24px !important;
    top: 30px !important;
}

.border-btn:focus:before {
  -webkit-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}


.cp-flex{
    display: flex !important;
    display: -webkit-box !important;
	display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
}
.cp-in-flex{
	display: inline-flex;
}
.cp-flex-items{
    align-items: center;
}
.cp-flex-1{
    flex: 1;
	-webkit-flex: 1;
    -ms-flex: 1;  
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
}

/*  -------------   定义 浮动以及清除浮动 */
.cp-float-left{
	float: left;
}
.cp-float-right{
	float: right;
}
.cp-clearfix:before, .cp-clearfix:after {
    display: table;
    content: " ";
}
.cp-clearfix:after {
    clear: both;
}

/*  ------------- 定义  水平居中 */
.cp-table-box{
	display: table;
}
.cp-table-cell-middle{
	vertical-align: bottom; 
    display: table-cell;
}

/*  ------------- 定义  板块直接的间距 */
.cp-separation{
	padding-top:70px;
	padding-bottom:80px;
}

/*  ------------- 定义  transition 延迟效果 */
.cp-transition{
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.collapse:not(.show) {
    display: none
}