@import url(body.css);
@import url(color_links.css);
@import url(head2015new_1500.css);
@import url(head2015_zt.css); 
@import url(m_head2015new.css);
@import url(jp_xiala.css);
@import url(ky_independent_soso.css?1);
/* CSS Document */
/*公用*/
.clearH{ overflow:hidden;}
h1,h2,h3,p,a,span{ font-weight:normal; margin:0; padding:0;text-decoration:none;}
img{ display:block;}
.on_left{ float:left;}.on_right{ float:right;}
.b_bg{ width:100%; overflow:hidden; text-align:left; background-color:#fff; padding-bottom:100px;}
.bannerbg{ width:1000px; margin:0 auto; position:relative;}
.p_box{ width:1920px; height:600px; margin-left:-460px; overflow:hidden; position:relative;}
.p_box li{ overflow:hidden;}
.slider{}
.slider li a{ position:relative; display:block;}
.p_box img{ margin-top:-80px;}
.p_title{ width:800px; height:400px; position:absolute; top:0; left:0; margin-left:560px; padding-top:150px;}
.p_title *{ text-align:center; color:#fff; text-shadow:5px 4px 7px #000;}
.p_title h1{ font-size:30px; font-weight:normal; margin-bottom:15px; line-height:42px;}.p_title h2{ font-size:24px; margin-bottom:16px;}.p_title h3{ font-size:18px; margin-bottom:14px;}.p_title span{ display:block; width:160px; line-height:46px; background-color:#ff8500; border-radius:6px; margin:0 auto; font-size:18px; text-shadow:none;}
 
/*内容区*/
.id_contentbg{ padding-top:20px; margin:0 auto; width:1000px;}
.C_title{ font-size:28px; color:#000; margin-bottom:20px;}.C_title span{ font-size:18px; margin-left:5px;}
.id_contentbox{ margin-left:-20px;}
.id_content01{ margin-left:20px; margin-bottom:20px; position:relative;} 
/*图片*/
.img_box{}
.img_box01{ width:490px; height:222px;}.img_box01 img{ width:100%; height:222px;}
.img_box02{ width:235px; height:222px;}.img_box02 img{ width:100%; height:222px;}
.id_content01:hover .img_box img{ transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);}
.img_box img{-webkit-transition: -webkit-transform 0.5s ease 0s;
	-moz-transition: -moz-transform 0.5s ease 0s;
	-o-transition: -o-transform 0.5s ease 0s;
	-ms-transition: -ms-transform  0.5s ease 0s;}
.id_tag{ position:absolute; top:10px; left:-7px; z-index:100;}.id_tag i{ width:7px; height:34px; background:url(../images/ky_independent_travel/idt_travel_new01.png) no-repeat;}.id_tag span{ font-size:12px; color:#fff; line-height:26px; background:#ff8500; padding-left:8px;}.id_tag em{ width:21px; height:26px; background:url(../images/ky_independent_travel/idt_travel_new02.png) no-repeat;}
/*文字*/
.id_iconbox{width:100%; height:100px; position:absolute; bottom:0; left:0; overflow:hidden;}
.id_textbox{ background:rgba(0,0,0,0.5); position:absolute; bottom:-50px; left:0; padding:14px 10px;  }
.id_textbox01{ width:470px; height:86px;}
.id_textbox02{width:215px; height:86px;}
.id_text,.id_text02{ font-size:14px; color:#fff; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2; }
.id_text02{width:120px;}
.id_text{-webkit-line-clamp: 1; }
.id_content01:hover .id_text02,.id_content01:hover .id_text{-webkit-line-clamp: 2; } 
 .id_textbox01 .id_prc{ float:left;}
.id_textbox01:hover .id_text02{-webkit-line-clamp: 5; }
.id_prc{ font-size:16px; color:#ff8500;}
.id_prc em{ font-size:12px; color:#fff;}.id_prc i{ font-size:12px; color:#ff8500; margin-right:5px;}
/*图标*/
.id_iconbg{ position:absolute; right:10px; bottom:10px; z-index:99;}
.icon_lunchuan,.icon_feiji,.icon_jiudian{ width:30px; height:30px; margin:0 2px; background-image:url(../images/ky_independent_travel/idt_travel_icon01.png); background-repeat:no-repeat;}.icon_lunchuan{ background-position:0;}.icon_jiudian{ background-position:-30px;}.icon_feiji{ background-position:-60px;}

/*海岛*/
.id_textbox_v2{ background:#fff; position:absolute; bottom:0; left:0; padding:0 10px; padding-top:14px;}
.id_text02_v2{ font-size:14px; color:#646464; height:44px; overflow:hidden;}.id_text02_v2{width:100%;}.id_prc_v2{ font-size:18px; color:#ff8500;}.id_prc_v2 em{ font-size:14px; color:#909090;}.id_prc_v2 i{ font-size:14px; margin-right:5px; color:#ff8500;}

.id_morebox{ width:100%; height:100%; margin-left:20px; background-image:linear-gradient(180deg,#61d482,#15cbb3); background-color:#33cea0;}
a .id_morebox{margin-left:0;}
.id_more{}.id_more span{ font-size:20px; color:#fff; text-align:center; line-height:32px; display:block; margin-top:20px;}
.id_more i{ display:block; width:100%; height:46px; background:url(../images/ky_independent_travel/idt_travel_icon02.png) no-repeat center; margin:0 auto; padding-bottom:60px;}
.id_item{ color:#fff; width:208px; margin:0 auto;}.id_item i{ font-size:18px; color:#fff; margin:0 5px; font-style:normal;}
/*底部公用*/
.kfex{ position:relative; background:url(../images/ky_independent_travel/yl_27.png) repeat; min-height:320px;} .kfex h1{ color:#4c7fb3; font-size:30px; padding:40px 0 0 0; font-weight:bold;}
   .kfex .kfexi p{ padding:10px 0 0 0;}.kfexi{ padding:0 390px 120px 45px; }
.kfex_zheli{ color:#3a3a3a; background:url(../images/ky_independent_travel/yl_bottom_17.png) no-repeat; width:322px; height:281px; position:absolute; top:50%; margin-top:-140px; right:0; text-align:center; }
.kfex_zheli img{ margin-top:35px; display:inline-block; width:154px; height:154px;}.kfex_zheli .lan{ color:#4c7fb3;}.kfex_zheli p{ padding:0;}
.kfex_tel{ background-color:#fff; position:absolute; width:100%; bottom:0; left:0; padding:20px 0 30px 0; }
.kfex_tel dl{ position:relative; margin-left:102px; float:left; font-size:16px;}
.kfex_tel dd{ font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold;}.kfex_tel i{ display:block; position:absolute; left:-52px; top:0;  width:48px; height:48px;}
.b_tle_1{ color:#7ebf67;}
.b_tle_1 i{background:url(../images/ky_independent_travel/yl_bottom_23.png) no-repeat;} 
.b_tle_2{ color:#fbb12f;}
.b_tle_2 i{background: url(../images/ky_independent_travel/yl_bottom_25.png) no-repeat;} 








.w1210 .id_contentbg{ width:1200px;}
.w1210 .img_box01{ width:590px; height:267px;}
.w1210 .img_box01 img{ height:267px;}
.w1210 .img_box02{ width:285px; height:267px;}
.w1210 .img_box02 img{ height:267px;}
.w1210 .id_textbox01{ width:570px;}
.w1210 .id_textbox02{width:265px;}
.w1210 .id_text02{width:160px;}
.w1210 .id_prc{ font-size:18px;}
.w1210 .id_prc em{ font-size:14px;}
.w1210 .id_prc i{ font-size:14px;}
.w1210 .id_morebox{ width:285px; height:267px;}
.w1210 .id_more span{ font-size:24px; margin-top:40px; line-height:40px;}
.w1210 .id_more a{ padding-bottom:100px;}



@media screen and (min-width:1500px){
	.w1210 .id_contentbg{ width:1400px;}
	.w1210 .img_box01{ width:690px; height:312px;}
	.w1210 .img_box01 img{ height:312px;}
	.w1210 .img_box02{ width:335px; height:312px;}
	.w1210 .img_box02 img{ height:312px;}
	.w1210 .id_textbox01{ width:670px; }
	.w1210 .id_textbox02{width:315px;}
	.w1210 .id_text02{width:170px;}
	.w1210 .id_morebox{ width:335px; height:312px;}
	 
	}





 
 
.LH_btn li{ width:120px; height:60px; margin:10px 0; cursor:pointer; border:2px solid transparent; overflow:hidden;}
.LH_btn li.on{ border:2px solid #FFF;}
 
   
	  .LH_btn{  position:absolute;top:auto; bottom:10px; right:0; width:100%; text-align:center; }
	.LH_btn li { overflow:hidden; height:40px; float:none; width:60px;display:inline-block;}
	.LH_btn li img{ margin:0; width:auto; max-width:1000px; height:40px; float: ; margin-left:-50px; }
 
 
 .p_box li,.p_box{ height:420px;}
 .imgx{  background-position: center; overflow:hidden; position:relative;  background-size: cover; border-radius:8px;}
 .imgx img{height:auto; width:100%; vertical-align:bottom;}
 .neir{  width:calc(100% - 25px); line-height:18px;  position:absolute; bottom:8%; left:0; padding:8px 10px 8px 15px; color:#fff; font-weight:bold; font-size:16px;    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
 
 background-image: -webkit-linear-gradient(130deg, rgba(0,0,0,0), rgba(0,0,0,.8));
   background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8)); 

 
    background-image: linear-gradient(130deg, rgba(0,0,0,.8) 3%, rgba(0,0,0,0) 100%);
 
 }
 .zyx_icon_1{ content:""; display:inline-block; height:30px; width:30px; background-image: url(../images/ky_tickets_list/list_pos01.png);background-repeat: no-repeat; background-position: center; vertical-align:middle; position:relative; top:-2px;}
 
 .ids_list{ padding-bottom:20px;}
 .neir span{padding:0 10px;font-size:12px;}
  .zyx_icon_nav_0{ content:""; display:inline-block; height:40px; width:40px; background-image: url(../images/ky_independent_travel/icon_0.png);background-repeat: no-repeat; background-position: center; vertical-align:middle; position:relative; top:-2px; background-size:100% auto;}
 .zyx_icon_nav_1{ content:""; display:inline-block; height:40px; width:40px; background-image: url(../images/ky_independent_travel/icon_1.png);background-repeat: no-repeat; background-position: center; vertical-align:middle; position:relative; top:-2px; background-size:100% auto;}
 .zyx_icon_nav_2{ content:""; display:inline-block; height:40px; width:40px; background-image: url(../images/ky_independent_travel/icon_2.png);background-repeat: no-repeat; background-position: center; vertical-align:middle; position:relative; top:-2px; background-size:100% auto;}
 .zyx_icon_nav_3{ content:""; display:inline-block; height:40px; width:40px; background-image: url(../images/ky_independent_travel/icon_3.png);background-repeat: no-repeat; background-position: center; vertical-align:middle; position:relative; top:-2px; background-size:100% auto;}
 .kfex{ border:1px solid #ededed; border-radius:8px; overflow:hidden;}
 .id_morebox,.id_content01{border-radius: 8px; }
 .img_box {border-radius: 8px 8px 0 0; }
  .id_contentbg{ position:relative; padding-bottom:10px;}	
 .id_contentbg:nth-of-type(even), .id_contentbg:nth-of-type(even):before, .id_contentbg:nth-of-type(even):after{ background:#f7f7f7; border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
  .id_contentbg:before{ content:""; display:block; width:1000px; height:100%; position:absolute; left:-1000px; top:-1px;}
  .id_contentbg:after{ content:""; display:block; width:1000px; height:100%; position:absolute; right:-1000px; top:-1px;}
   .ids_list{ position:relative;}
  .swiper-button-next{ background:#fff url(../images/yiriyou_ky/r.png) no-repeat center !important; width:40px; height:28px;top:-20px; right:-40px !important; border:1px solid #b4aeab; z-index:1000}
.swiper-button-prev{ background:#fff url(../images/yiriyou_ky/l.png) no-repeat center !important;   left:-40px !important; top:-20px;width:40px; height:28px;border:1px solid #b4aeab; z-index:1000}

  @media screen and (min-device-width:768px){
   .id_morebox,.id_content01{ overflow:hidden; }
  
  }
  .LH_btn li{ border-radius:4px;}
  @media screen and (max-device-width:767.98px){
   .ids_list{ padding:0 10px 20px 10px;}
   .zyx_icon_1{ display:none;	}
   .neir span{ display:block; clear:both; padding:0;}
   .bannerbg{ background:#007f7c;}
   
   .p_box li, .p_box{ height:350px;}
   .p_box img{    height: 450px;    margin-left: -700px;
    max-width: 2000px;}
	
	
}
	 
@media screen and (max-device-width:767.98px){
 
	.m_header{ background:#007f7c}
	.C_title{ padding-left:15px; font-size:21px;    margin-bottom: 10px;	}
	img{ max-width:100%; vertical-align:bottom;}
	.bannerbg{width:100%;}
	.p_box{ width:100%; height:280px; margin:0;}
	.p_box img{height:380px;max-width:1000px; margin-left:-300px; }
	.id_contentbg{width:100%;}
	
	.p_title{ width:100%; height:100%; margin:0; padding:0; top:40%; }.p_title h1{font-size:18px; line-height:18px;}
	.id_contentbg{  padding-top:10px;}
	.id_contentbox{ margin:0 10px 0 0;display: flex;flex-wrap: wrap;  }
 
 
	.id_content01{ float: left;box-sizing: border-box;display: flex;flex-direction: column;background:rgba(0,0,0,0.5); position:relative; margin:0 0 15px 10px; width:calc(50% - 10px);  }
	.id_content01:nth-of-type(1){  width:calc(100% - 10px);  }
	.id_prc{ padding-bottom:15px;}
	.id_textbox02{ width:100%;}
	.img_box01{ width:100%; }
.img_box02,.img_box01 {width:100%;}
	.img_box02 img,.img_box02,.img_box01 img,.img_box01 {height:150px;}
	.img_box02 img,.img_box01 img{ max-width:1000px; min-width:100%; width:auto}
	.img_box02{ }
	.id_iconbox{ position: relative; z-index:100; bottom:auto; height:auto;width: auto; overflow: inherit}
	.id_textbox{ position:inherit; bottom:auto; width:auto; height:auto; background:none}
	.id_text02{ width:auto}
	.id_text,.id_text02{ -webkit-line-clamp: 5; }
	
	.kfex{ margin: 0 10px;}
	.kfexi{ padding:20px;}
 .kfex{ background:#fff; padding-bottom:44px;}
	.kfex h1{ padding-top:0; }.kfex_zheli{position:inherit;top:auto; left:auto; right:auto; margin:0; height:auto; background:none; display:block; width:100%;}
	.kfex_tel{position:inherit;top:auto; left:auto; right:auto;bottom:0;}
	.kfex_tel dl{    margin-left: 80px;}
	
	.id_text02_v2{ height:auto}
	.id_textbox_v2{    position: inherit; width:auto;
    bottom: auto;
    left: auto;}
	
	.id_prc_v2{ padding-bottom:15px; float:none ; display:block}
	.id_textbox02{ height:auto; bottom:0;}
	.id_text02_v2{ height:60px; }
	.id_iconbg{ bottom:15px;  }
	.id_textbox_v2  .id_iconbg{ bottom:auto; top:-20px;}
	.id_content01:nth-of-type(1) .id_text02_v2{ height:auto;}
	.kf5-support-chat,#onesignal-bell-launcher,.id_btm_btn a.rq_btn{ display:none !important}
	 .id_textbox01 .id_prc{ float:right;}
	 
	 .swiper-button-next,.swiper-button-prev{ border:none; background-size:40% !important}
	 .swiper-button-next { height:28px !important;top:-22px !important; right:10px !important; margin:0;   }
.swiper-button-prev{ height:28px !important; left:auto!important;top:-22px !important; right:40px !important; margin:0;  }
	 .zyx_icon_nav_0, .zyx_icon_nav_1,.zyx_icon_nav_2,.zyx_icon_nav_3{ background-size:70% auto;}
	 .C_title{ padding-left:5px;}
}

/*--新增 不用滚动的元素--*/

	.ids_add_nojs .swiper-wrapper{ display:block;}
	.ids_add_nojs.ids_list .swiper-slide{ width:235px; margin-right:20px; float:left; margin-bottom:20px;}
	.w1210 .ids_add_nojs.ids_list .swiper-slide{ width:285px;  }
	@media screen and (min-width: 1500px){
	.w1210 .ids_add_nojs.ids_list .swiper-slide{ width:335px;  }
	
	}
	.ids_add_nojs {overflow:hidden;}
	.ids_add_nojs .swiper-button-next,.ids_add_nojs .swiper-button-prev{ display:none}
	.ids_add_nojs .swiper-container { width:calc(100% + 20px)}
	@media screen and (max-device-width: 767.98px){
	.ids_add_nojs.ids_list .swiper-slide{ width:calc(50% - 10px);margin-right: 10px;margin-bottom: 10px;}
	.ids_add_nojs .swiper-container {
    width: calc(100% + 10px);
}
.imgx img{  height:calc((100vw - 40px) * .5)}
	}