@charset "utf-8";

body{font-size: 12px;}
.img_100 img{width: 100%;}
.swiper-container{
  --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
  --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
  --swiper-navigation-size: 30px;/* 设置按钮大小 */
}
.icon {
  width: 60px; height: 60px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.h_20{height: 20px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.one_line{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

.two_line{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.three_line{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.headeline_wrapper{display: flex; padding: 0 0 10px 0;}
.headline_item{flex: 1; text-align: center;}
.headline_item a{display: block;}
.gray_line{height: 4px; background: #f1f1f1;}
.hot_place h3{text-align: center; padding: 10px 0; }

.hot_place_img{width: 100%; height: 80px; overflow: hidden;}
.hot_place_img img{object-fit: cover; object-position: center; width: 100%; height: 100%; border-radius: 5px;}
.hot_place_txt{text-align: center; line-height: 2;}

.layui-tab-title li{font-size: 20px; padding: 0; width: 50%;}
.layui-tab-title .layui-this{color: #3b8de3}
.layui-tab-title .layui-this:after{border:none;border-bottom: 2px solid #3b8de3}
.index_lp_item{border-bottom: 1px solid #f0f0f0; padding: 10px 0;}
.layui-tab-content{padding: 0;}

.tour_item{padding: 10px 0; border-bottom: 1px solid #f1f1f1;}
.tour_item_a{display: block;}
.tour_item_title{line-height: 1.6;}
.tour_item_img_img img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.tour_item_img_wrapper{border-radius: 5px; overflow: hidden; position: relative;}
.tour_item_img_img{position: relative; z-index: 1; height: 80px;}
.tour_item_img_location{position: absolute; z-index: 100; height: 20px; background: #3b8de3; color: #fff; line-height: 20px; padding:0 5px ; position: absolute; left: 0;
  bottom: 0; border-radius: 5px; font-size: 10px; min-width: 40px;}
.tour_item_img_location .icon-dizhi{font-size: 12px;}
.tour_item_des{color: #999;}
.old_price{text-decoration:line-through; color: #999;}
.tour_item_price{line-height: 1.5;}
.new_price{color: red; font-weight: bold; margin-right: 10px;}
.price_large{font-size: 16px;}

.about_tit{margin: 8px 0;}
.line{background: #f1f1f1; height: 1px;}
.about_con{width: 95%; margin: 0 auto;}
.about_txt{ height: 18px; font-size: 14px; font-weight: bold; border-left: 4px solid #3b8de3; color: #333; float: left; padding-left: 10px;}
.about_more{ float: right; text-align: right; padding-right: 10px;}
.about_more a{color: #aaa; font-size: 12px;}


.index_jpfy_border{border: 1px solid #f1f1f1;}
.index_jpfy_img img{height: 120px; object-fit: cover; object-position: center;}
.index_jpfy_txt{padding: 5px;}
.index_jpfy_txt h1{font-size: 12px; text-align: center ;}
.index_jpfy_txt .jpfy_price{color: red; line-height: 2; font-size: 10px;}
.index_de{color: #666; line-height: 2; font-size: 10px;}

.foot_dz{text-align: center; color: #999; line-height: 2;}


/*内页*/
.inside_sub{height: 40px; background: #3b8de3; color: #fff;}
.sub_tit{float: left; background: url("../../images/jt.png") left top no-repeat; box-sizing: border-box; background-size: 20px; margin-left: 20px; padding-left: 25px; font-size: 14px; line-height: 1.5; margin-top: 10px;
        font-weight: bold; width: 140px;}
.sub_list{float: right; width: 200px; margin-right: 15px; position: relative; margin-top: 10px;}
.sub_list_tit{width: 200px; height: 20px;  background: url("../../images/xjt.png") right 8px no-repeat; background-size: 15px; color: #d81b1e; line-height: 20px; padding-left: 10px; box-sizing: border-box;}
.sub_list_bg{background: #fff; border: 1px solid #ccc; width: 200px; height: 20px;}
.sub_item{position: absolute; top: 23px; left: 0; display: none; z-index: 999;}
.sub_item li a{display: block; width: 200px; background: #3b8de3; color: #fff; font-size: 12px; border-top: 1px solid #5facff; line-height: 3; text-align: center;}

.inside_con{padding: 10px 0; font-size: 12px; line-height: 2; min-height: 200px; color: #666;}
.inside_con img{max-width: 100% !important; height: auto !important;}

.index_lp_img{border-radius: 5px; height: 90px; background-position: center; background-size: cover;}

.index_lp_txt h1{font-size: 14px; line-height: 1.5;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.index_lp_hx,.index_price{font-size: 10px; line-height: 1.8;color: #666;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.index_lp_hx .iconfont{font-size: 10px;}
.index_de{color: #666; line-height: 2; font-size: 10px;}
.index_lp_item{border-bottom: 1px solid #f0f0f0; padding: 10px 0;}
.index_lp_item a{display: block;}

.con_title{line-height: 2; color: #333; text-align: center; margin-top: 15px;}
.con_auth{border-bottom: 1px dotted #ccc; line-height: 2.5; text-align: center;}

.contxt{padding-top:10px; padding-bottom: 20px; font-size: 12px; line-height: 2; color: #666;}
.contxt img{max-width: 100% !important; height: auto !important;}
.next_page{margin-top: 10px;}
.cont_con{padding-top:10px; padding-bottom: 20px; font-size: 12px; line-height: 2; color: #666;}
.cont_con img{max-width: 100% !important; height: auto !important; }

.page_list{margin-top: 20px; overflow: hidden;}
.page_list li{float: left; padding: 5px 10px; border: 1px solid #ccc; margin-right: 10px;}


.inside_con_top_slider .gallery-top .swiper-slide{height: 230px;}
.inside_con_top_slider .gallery-thumbs .swiper-slide{height: 50px;}
.swiper-slide {background-size: cover;background-position: center;}

.gallery-top {height: 80%;width: 100%;}

.gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}

.gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;}

.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}


.tour_detail_top{background: #fff; height: 40px;}
.goback{line-height: 40px; text-align: center;}

.tour_detail_tit{font-size: 16px; line-height: 1.8;}
.tour_detail_des{color: #999; line-height: 2;}
.tour_detail_item_tit{font-size: 16px; color: #3b8de3; font-weight: bold; line-height: 2;}
.tour_detail_item_con{line-height: 2; color: #666;}
.tour_detail_item_con img{max-width: 100% !important; height: auto !important;}
.hotel_item_price{color: red;}

/*底部功能*/
.wx{position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; z-index: 999}
.wx_bg{background: rgba(0,0,0,.7); height: 100%; width: 100%; }
.wx_img{width: 50%; margin-top: 50%; position: absolute; margin-left: 25%;}
.wx_img img{width: 100%;}
.foot_nav{height: 60px; display: flex; position: fixed; z-index: 9999; left: 0; bottom: 0; width: 100%; background: #fff;}
.foot_nav div{flex: 1; text-align: center; border-right: 1px solid #5facff;}
.foot_nav div:last-child{border: none;}
.foot_nav div a{display: block; text-align: center; height: 60px; box-sizing: border-box; width: 100%; background: #3b8de3; color: #fff; padding-top: 13px;}
.iconfont{font-size: 24px;}

.h_60{height: 60px;}

/*底部功能结束*/
.inside_content{line-height: 2; color: #666; width: 95%; margin: 0 auto; padding: 30px 0; min-height: 300px;}
.inside_content img{width: 100% !important; height: auto !important;}



/*筛选*/
.page_filter{ font-size: 12px; width:100%; padding:0 10px; background: #FFF; overflow:hidden; clear:both; position: relative; border-top: 3px solid #3B8DE3;
	border-left: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1; box-sizing: border-box;}
.page_filter b{font-size: 14px; display: inline-block; width: 80px; text-align: right;}
.filter-panel{clear:both; overflow:hidden; position:relative;}
.filter-panel:first-child { border-top: none;}
.filter-panel dl:after,.filter-panel ul:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.filter-panel dl{float: left; width: 100%; line-height: 28px ;padding:8px 0;}
.filter-panel dt{float: left; width:90px; height:36px; line-height:36px; font-size:15px; text-align:center; color:#444; font-weight:bold; display:block;}
.filter-panel dd{ padding:5px 0 0 0px; overflow: hidden; background:#FFF; display:block;}
.filter-panel dl a{padding:0 8px; margin:0 5px 5px 0; color:#555; display: inline-block}
.filter-panel dl span{padding:0 8px; margin:0 5px 5px 0; color:#fff; display: inline-block; background: #FF6600;}
.filter-panel dl a.on {color:#FFF; background:#FF6600; border-radius:5px;}
.filter-panel dl a:hover{ color:#fff; background: #FF6600}
.filter-panel dl a.on:hover{ color:#FFF}
.filter-panel dd .filter-list{max-height:34px; width:100%; display:block;}
.filter-panel dd .sxmin_list{max-height:34px; width:100%; display:block; font-size:13px; margin-top:10px;}
.filter-panel dd .sxmin_list li a{ padding:0 14px; margin:0; color:#999;}
.filter-panel dd .sxmin_list li a:hover{color:#FF6600;}
.filter-panel dd .sxmin_list li a.on{color:#FF6600; background:none;}
.filter-panel a.show-more{position:absolute;right:4px;top:16px;padding:0 21px 0 6px;line-height:22px; color:#999;border:1px solid #ddd;display:none; font-size:13px;}
.filter-panel a.show-more:hover{}
.filter-panel a.show-more i{ background:url(../images/icon_box.png) no-repeat;}
.filter-panel a.show-more i{display:block;width:11px;height:5px;font-size:5px;overflow:hidden;position:absolute;right:7px; top:9px; background-position:-116px -5px; }
.filter-panel a.show-more:hover i{background-position:-116px -5px;}
.filter-panel dl.show-all dd .filter-list{_height:auto; max-height:inherit;}
.filter-panel dl.show-all a.show-more {display:block;}
.filter-panel dl.show-all a.show-more i{background-position:-89px -5px;}
.filter-panel dl.show-all a.show-more:hover i{background-position:-89px -5px;}


/*导航功能*/
.mobile{
  width: 100%;
  position: relative;
  height: 50px;
}
.mobile-inner{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: #fafafa;
  position: relative;
}
.mobile-inner p{
  color: #676767;
  line-height: 25px;
  font-size: 16px;
  padding-bottom: 30px;
  padding-right: 30px;
  padding-left: 30px;
  margin:0px;
}
.mobile-inner-header{
  background-color: #ffffff;
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.mobile-inner-header-icon{
  color: #3b8de3;
  height: 50px;
  font-size:25px;
  text-align: center;
  float:right;
  width: 50px;
  position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
  background-color: rgba(255,255,255,0.2);
  cursor: pointer;
}
.mobile-inner-header-icon span{
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 25px;
  height: 2px;
  background-color: rgba(59,141,227,1);
}
.mobile-inner-header-icon span:nth-child(1){
  transform: translateY(4px) rotate(0deg);
}
.mobile-inner-header-icon span:nth-child(2){
  transform: translateY(-4px) rotate(0deg);
}





.mobile-inner-header-icon-click span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickfirst;
}
.mobile-inner-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
}



@keyframes clickfirst {
  0% {
      transform: translateY(4px) rotate(0deg);

  }

  100% {
      transform: translateY(0) rotate(45deg);
  }
}



@keyframes clicksecond {
  0% {
      transform: translateY(-4px) rotate(0deg);
  }

  100% {
      transform: translateY(0) rotate(-45deg);
  }
}

.mobile-inner-header-icon-out span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outfirst;
}
.mobile-inner-header-icon-out span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outsecond;
}

@keyframes outfirst {
  0% {
      transform: translateY(0) rotate(-45deg);
  }

  100% {
      transform: translateY(-4px) rotate(0deg);
  }
}



@keyframes outsecond {
  0% {
      transform: translateY(0) rotate(45deg);
  }

  100% {
      transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
  background-color: rgba(59,141,227, 0.9);
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0px;
  padding-top: 30px;
  padding-bottom: 80px;
  display: none;
  z-index: 999;
}
.mobile-inner-nav a{
  display: inline-block;
  line-height: 50px;
  text-decoration: none;
  width: 80%;
  margin-left: 10%;
  color: #FFFFFF;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-weight:300;
}
.mobile-inner-nav a:hover{
  color: rgba(255,255,255,0.4);
  border-bottom: solid 1px rgba(255,255,255,0.2);
}

.mobile-inner-nav a{
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: returnToNormal;
  animation-name: returnToNormal;
}

@-webkit-keyframes returnToNormal {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}

@keyframes returnToNormal {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}
.m_logo{position: absolute; z-index: 66; padding-top: 5px; padding-left: 10px; font-size: 24px; color: #fff; font-weight: bold;}
.m_logo img{max-height: 40px;}