@charset "utf-8";
/* CSS Document */
.index_box{ width: 100%; margin-bottom: 10px;}
.index_tt{ width: 94%; margin: 0 auto 10px auto; line-height: 40px; background: url(../images/bg_index_tt_line.png) repeat-x left center; background-size: auto 16px;}
.index_tt img{width:70%; max-width: 90px; background: #fff; padding-right: 5px;}
.index_tt .more{ float: right; background: #fff; padding-left: 10px; font-size: 14px; color: #9f9f9f;}

.banner{width: 94%; margin: 0 auto 10px auto; border-radius: 16px;}
.banner img{ width:100%;border-radius: 16px;}
.swiper-banner {position: relative; width: 100%;overflow: hidden;}
.swiper-banner .swiper-slide { position: relative;
  text-align: center;
  font-size: 18px;
  background: #fff;
  border-radius: 16px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* 搜索 */
.index_header{ width:100%; background: #2ac5f1; padding-bottom: 10px;}
.header{ width: 100%; padding: 15px 3% 0 3%; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; color: #484848;}
.header ul{ display: flex;}
.header ul li{ position: relative; padding: 0 15px; line-height: 35px; cursor: pointer; font-size: 16px;}
.header ul li.active{ font-size: 20px; font-weight: bold;}
.header ul li.active::after{ position: absolute; bottom: 0; left: 50%; margin-left: -13px; content: ''; width: 26px; height: 3px; border-radius: 3px; background: #fff;}
.header .icon_code{ width: 30px; height: 30px;background: url(../images/icon_code.png) no-repeat center center;background-size: 30px 30px;}
.header .icon_address{ display: inline-block; vertical-align: middle; margin-right: 5px; width: 20px; height: 25px;background: url(../images/icon_address.png) no-repeat center center;background-size: 20px 25px;}
.search{ width: 92%; margin: 0 auto; padding: 0 2%; border-radius: 34px; -webkit-border-radius: 34px; border:1px solid #fff; background: #fff;box-shadow:0 3px 3px rgba(42,197,241, 0.2); height: 34px;}
.search .icon_search{ display: inline-block; width: 23px; height: 23px; vertical-align: middle;  background: url(../images/icon_sereach.png) no-repeat center center;background-size: 23px 23px;}
.search .txt{  width: 80%; height: 32px; padding: 5px 0 ;line-height: 22px; background: none; border: 0; vertical-align: middle;color: #666; font-size: 14px;}
.search .txt::-webkit-input-placeholder{ color: #666;font-size: 14px;}
.search .txt::-moz-placeholder{ color: #666;font-size: 14px;}
.search .txt:-ms-input-placeholder{ color: #666;font-size: 14px;}
/*菜单*/
.menu_content{ width: 100%; background: url(../images/bg_index_menu.png) no-repeat center top; background-size: 100% auto;}
.menu{ 
  /* position:absolute; left:3%; bottom:-45px;z-index: 10; */
   width:94%; margin:0 auto 15px auto; padding:10px 0; background:#fff; border-radius:10px; box-shadow:0 3px 3px rgba(42,197,241, 0.2); display:flex; justify-content: space-around;}
.menu li a{ display:block;text-align:center; color:#454545;}
.menu li img{ width:100%; max-width:45px;}
.menu li h3{ line-height:24px; font-size:14px; font-weight:normal;}

.index_menu{ width: 94%; margin: 0 auto; display: flex; justify-content: space-between;}
.index_menu .index_item{ width: 49%; padding:5px; background: #fff;}
.index_menu .index_item .tt{ line-height: 35px; font-size: 16px; }
.index_menu .index_item .item1 .tt{ color: #11b781;}
.index_menu .index_item .item2 .tt{ color: #e53935;}
.index_menu .index_item .item3 .tt{ color: #40a2f3;}
.index_menu .index_item .item4 .tt{ color: #ff4350;}
.index_menu .index_item .tt span{ float: right; color: #999; font-size: 12px;}
.index_menu .index_item .item{ margin-bottom: 10px;}
.index_menu .index_item .item2 .box,.index_menu .index_item .item4 .box{ display: flex; justify-content: space-between;}
.index_menu .index_item img{ width: 100%; border-radius: 10px;}
.index_menu .index_item .item2 .box a,.index_menu .index_item .item4 .box a { width: 49%;}
.index_menu .index_item .item2 .box img,.index_menu .index_item .item4 .box img { width: 100%;}
/*主题营地*/
.tab_content .hide{ display:none;}
.index_themeCamp{ width:100%; }
.index_themeCamp .box{ width: 100%; padding: 10px 3%;}
.index_themeCamp .box .mainTips{ width: 100%; margin-bottom: 10px; display: flex; justify-content: space-around;}
.index_themeCamp .box .mainTips .icon_tips{ width: auto; height: 20px; margin-right: 5px;}
.index_themeCamp .box .mainTips a{ font-size: 14px; color: #474747;}
.index_themeCamp .box ul{ width: 100%;}
.index_themeCamp .box ul li{ float: left; width: 48.5%; margin-right: 3%; margin-bottom: 10px; background: #fff;border-radius: 6px; -webkit-border-radius: 6px;}
.index_themeCamp .box ul li:nth-child(2n){ margin-right: 0;}
.index_themeCamp .box ul li .pic{ position: relative; width: 100%;}
.index_themeCamp .box ul li .pic img{ width: 100%; height: 120px; border-radius: 6px; -webkit-border-radius: 6px; margin: 0;}
.index_themeCamp .box ul li .pic .address{ position: absolute; top: 7px; right:4%; padding: 3px 10px; border-radius: 20px; -webkit-border-radius:20px; background: rgba(0,0,0, 0.35); color: #fff; font-size: 14px;}
.index_themeCamp .box ul li .pic .title{ position: absolute; bottom: 0; left:2%; width: 96%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 2%; color: #fff; font-size: 16px;
  background: -webkit-linear-gradient(bottom, rgba(0,0,0, 0.1) , rgba(0,0,0, 0.5)); 
  background: -o-linear-gradient(bottom, rgba(0,0,0, 0.1) , rgba(0,0,0, 0.5)); 
  background: -moz-linear-gradient(bottom, rgba(0,0,0, 0.1) , rgba(0,0,0, 0.5)); 
  background: linear-gradient(to bottom, rgba(0,0,0, 0) , rgba(0,0,0, 0.5)); 
}
.index_themeCamp .box ul li .subTitle{ width: 100%; padding: 0 5px;}
.index_themeCamp .box ul li .subTitle h3{ width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #454545;}
.index_themeCamp .box ul li .subTitle .tips{ display: flex;}
.index_themeCamp .box ul li .subTitle .tips span{ display: block; height: 20px; line-height: 20px; padding: 0 5px; margin-right: 5px; border: 1px solid #2ac5f1; border-radius: 5px; -webkit-border-radius: 5px; color: #2ac5f1; font-size:12px;}
.index_themeCamp .box ul li .subTitle .tips .offer{ background: #ee4a00;border: 1px solid #ee4a00; color: #fff;}
.index_themeCamp .box ul li .subTitle .price{height: 30px; line-height: 30px; color: #ee4a00;font-size:16px;}
.index_themeCamp .box ul li .subTitle .price span{ float: right; color: #999; font-size:12px;}

.footer{width: 100%; text-align: center; padding: 10px 3%; line-height: 24px; color: #b9b9be; float: left;margin-bottom: 70px;}