body{
	background: #f5f5f5;
}

input{
	border: 0;
    outline: none;
}



@media (max-width: 768px) { 

    .jj_body{
    	background: #f5f5f5 !important;
    	margin-top: 120px;
    	overflow: hidden;
    	width: 100% !important;
    }

	#tourlist{
		padding: 0px;
		background: #f5f5f5;
		
	}


	#tourimgoh{
		background: #ffffff;
		padding-bottom: 30px;
	}

	#loadinggif{
		width: 50%;
	}


	.tours_box{
		padding:10px;
		margin-bottom: 10px;
		background: #ffffff;
		overflow: hidden;
		box-shadow: 0px 0px 5px #f0f0f0;
		position: relative;
	}

	.tours_box_l{
		float: left;
		width: 120px;
		position: relative;
	}

	.tours_box_l .tours_box_l_img{
          width: 120px;
          height: 120px;
          border-radius: 8px 8px 0px 0px;
	}

	.tours_box_l_th_box{
		line-height: 35px;
		height: 35px;
        white-space: nowrap;
        overflow: hidden;
		z-index: 20;
		bottom: 0;
		width: 100%;
		background: #70b52b;
		text-align: center;
		color: #ffffff;
		font-size: 12;

		border-radius: 0px 0px 8px 8px;


	}


	.tours_box_r{
		float: right;
		width: calc(100% - 130px);
	}


	 #getmore_btn{
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 25px;
 	margin-bottom: 50px;
 	padding: 8px 20px;
 	background: #70b52b;
 	color: #ffffff;
 	text-align: center;
 	width: 160px;
 	cursor: pointer;
 	user-select: none;
 	border-radius: 4px;


 }





 .i_tour_list,.i_hot_list{
		text-align: center;
		padding:8px;
		cursor: pointer;

	}

	.i_tour_list{
		color: #333;
		font-weight: bold;
		overflow: hidden;
	}

	.i_hot_list{
		color: #70b52b;
		font-weight: bold;
		overflow: hidden;
	}

	.i_tour_list_box{
		padding-top: 10px;
		overflow: hidden;
		position: fixed;
		top: 0px;
		width: 100%;
		background: #ffffff;
		z-index: 999;
		border-bottom: 1px solid #ddd;
	}


	.i_tour_list_box_2_btn{
		cursor: pointer;
		user-select: none;
		display: inline-block;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 4px;
		border: 1px solid #dddddd;
		margin-right: 8px;
	}
	.i_tour_list_box_2_btn_select{
		color: #ffffff !important;
		background: #70b52b !important;
	}

	.tourboxn2_2{
		color: #000;
		font-weight: bold;
		font-size: 18px;
		margin-bottom: 8px;
	}


	.i_tour_list_box_kl_02{
		height: 3px;
		background: #ffffff;
		width: 50px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}

	.i_tour_list_box_kl_01_select{
		color: #70b52b !important;
	}

	.i_tour_list_box_kl_02_select{
		background: #70b52b !important;
	}

	.i_tour_list_box_2{	
		padding-top: 5px;
		padding-left: 15px;
	    overflow-x: scroll;
		overflow-y: hidden;
		height: 50px;
		font-size: 14px;
		white-space: nowrap;
		display: none;
	}
	.i_tour_list_box_3{	
		padding-top: 5px;
		padding-left: 10px;
		padding-right: 10px;
	    overflow-x: scroll;
		overflow-y: hidden;
		height: 50px;
		font-size: 14px;
		white-space: nowrap;
	}


	.i_tour_list_box_2 .bbb3_left_btn {
  cursor: pointer;
  user-select: none;
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 13px;
  padding-right: 13px;
  background: #f6f6f6;
  border-radius: 8px;

  margin-right: 8px;
}

.t_pricebox{
	position: absolute;
	z-index: 5;
	bottom: 10px;
	right: 15px;
	font-size: 12px;
	color: rgb(247, 87, 35);
	font-style: italic;
}

.t_pricebox span{
	font-size: 25px;
	font-weight: bold;
}

.t_pricebox_dd{
	height: 27px;
}

.tourboxn1{
	font-size: 14px;
}

.i_tour_list_box_3_l{
	float: left;
	width: 50%;

	height: 38px;
	border-left: 3px #70b52b solid;
	border-top: 3px #70b52b solid;
	border-bottom:  3px #70b52b solid;
	border-radius: 8px 0px 0px 8px;
	overflow: hidden;
}

#search_key_2{
	padding: 5px;
	font-size: 16px;
}

.i_tour_list_box_3_c{
	float: left;
	width: 25%;
	background: #70b52b;
	height: 38px;
	line-height: 38px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-radius: 0px 8px 8px 0px;
	cursor: pointer;
	user-select: none;
}

.i_tour_list_box_3_r{
	float: right;
	width: calc(25% - 10px);
	background: #999;
	height: 38px;
	line-height: 38px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-radius: 8px 8px 8px 8px;
	user-select: none;
	cursor: pointer;
}


.tour_search_box_l{
	z-index: 100000;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background: rgb(0,0,0,0.6);
}

.tour_search_box_l_i{
	width: 80%;
	position: absolute;
	left: 0;
	top: 0;
	background: #ffffff;
	height: 100%;
	padding:10px;
}

.tour_search_box_l_i_r{
	position: absolute;
	width: 20%;
	height: 100%;
	right: 0;
	top: 0;
	
}

.tour_search_title_01{
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}

.laydate_box{
	left: 0px !important;
}

.laydate_body .laydate_box{
	width: 100% !important;
}

.laydate_table{
	width: 100% !important;

}

.laydate_body .laydate_table td{
	height:30px !important;
	line-height:30px !important;
	font-size: 18px !important;
}

.laydate_body .laydate_table thead {
  line-height: 30px !important;
  font-size: 18px !important;
}


.laydate_bottom .laydate_btn{
   display: none;
}


.qsbox{
	width: 105px;
	text-align: center;
}

.tour_search_box_l_04{
	margin-bottom: 8px;
}

.tour_search_day{
	overflow: hidden;
}

.tour_search_day_btn{
	float: left;
	width: 30%;
	text-align: center;
	padding:5px;
	border-radius: 4px;
	border: 1px solid #f0f0f0;
	margin-right: 5%;
	cursor: pointer;
	user-select: none;
}

.tour_search_day_btn_select{
		background: #f28b01 !important; 
		color:#ffffff !important;

	}

#day_btn_1,#day_btn_2,#day_btn_3{
	margin-bottom: 8px;
}

.tour_search_day_btn_r{
	margin-right: 0px !important;
}


.tour_search_sname_btn{
	float: left;
	width: 30%;
	text-align: center;
	padding:5px;
	border-radius: 4px;
	border: 1px solid #f0f0f0;
	margin-right: 5%;
	cursor: pointer;
	user-select: none;
}



#sname_btn_1,#sname_btn_2,#sname_btn_3,#sname_btn_4,#sname_btn_5,#sname_btn_6,#sname_btn_7,#sname_btn_8,#sname_btn_9,#sname_btn_10,#sname_btn_11,#sname_btn_12,#sname_btn_13,#sname_btn_14,#sname_btn_15{
	margin-bottom: 8px;
}

.tour_search_sname_btn_r{
	margin-right: 0px !important;
}


.tour_search_sname_btn_select{
		background: #f28b01 !important; 
		color:#ffffff !important;

	}


.tour_search_btn_box{
	overflow: hidden;
}


.tour_search_btn_box_btn {
	float: left;
	width: 30%;
	text-align: center;
	padding:5px;
	border-radius: 4px;
	border: 1px solid #f0f0f0;
	margin-right: 5%;
	cursor: pointer;
	user-select: none;
}

.tour_search_btn_box_btn_select{
	color: #ffffff !important;
		background: #f28b01 !important;
	}

.tour_search_btn_box_btn_r{
	margin-right: 0px !important;
}

.tour_search_btn_box_btn_s_1{
	margin-bottom: 8px;
}

.tour_search_pqj{
	overflow: hidden;
}

.tour_search_pqj_btn{
	float: left;
	width: 47.5%;
	text-align: center;
	padding:5px;
	border-radius: 4px;
	border: 1px solid #f0f0f0;
	margin-right: 5%;
	cursor: pointer;
	user-select: none;
	margin-bottom: 8px;
}

.tour_search_pqj_btn_r{
	margin-right: 0px !important;
}




.tour_search_tra{
	overflow: hidden;
}

.tour_search_tra_btn{
	float: left;
	width: 47.5%;
	text-align: center;
	padding:5px;
	border-radius: 4px;
	border: 1px solid #f0f0f0;
	margin-right: 5%;
	cursor: pointer;
	user-select: none;
	margin-bottom: 8px;
}

.tour_search_tra_btn_r{
	margin-right: 0px !important;
}



.tour_search_reset{
	width: 100%;
	padding:8px;
	background: #666;
	border-radius: 8px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
	user-select: none;
}

.tour_search_go_search{
	width: 100%;
	padding:8px;
	background: #12a529;
	border-radius: 8px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
	user-select: none;
}

.tour_search_pqj_btn_select{
		background: #f28b01;
         color:#ffffff;
         border: #ffffff 1px solid;
	}

	.tour_search_tra_btn_select{
		background: #f28b01;
         color:#ffffff;
         border: #ffffff 1px solid;
	}

	.tour_search_box{

	}

	.tour_search_box_r{
		width: 100%;
	}

	.tour_search_box_key_val{
		padding: 10px;
		font-weight: bold;
		font-size: 14px;
		background: #ffffff;
		margin-bottom: 10px;

	}

	.tour_search_box_key_val span{
		margin-right: 5px;
		white-space:nowrap;
	}


	#getmore{
		text-align: center;
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.sname_box{
 	display: inline-block;
 	padding: 3px 8px;
 	border-radius: 20px;
 	background:#ff5400;
 	color: #ffffff;
 	font-weight: bold;
 	font-size:12px;

 }

 .tourboxn3{
 	padding-top:8px;
 	padding-bottom: 38px;
 }

 .fly_left{
		display: none;
	}




	
	

 }
































































@media (min-width: 768px) { 


   


	.jj_body{
		position: relative;
		width: 100%;
		background: #f0f0f0;
		min-height: 1020px;
		overflow: hidden;


	}

	.tour_search_box{
		width: 1250px;
		padding: 15px;
		margin-left: auto;
		margin-right: auto;
	}


	.tour_search_box_l{
		width: 380px;
		float: left;
		padding: 15px;
		background: #ffffff;
		border-radius: 4px;
		border: 1px solid #ddd;
		border-top: 5px solid #f28b01;

	}

	.tour_search_box_l_01{
		font-size: 24px; 
		margin-bottom: 0px;
		font-weight: bold;
		color:#000;
	}

	.tour_search_box_l_02{
		padding:8px 0px;
		margin-bottom: 8px;
		color:#333;
	}

	.tour_search_box_l_03{
		height: 60px;

	}

	.tour_search_box_l_03_01{
		width: 240px;
		border-top:3px solid #f28b01;
		border-left:3px solid #f28b01;
		border-bottom:3px solid #f28b01;
		height: 50px;
		background: #ffffff;
		float: left;
		border-radius: 4px 0px 0px 4px;
	}

	#search_key{
		width:  220px;
		border: 0px solid #ffffff;
		margin-top: 8px;
		margin-left: 5px;
		font-size: 16px;
	}

	.tour_search_box_l_03_02{
		height: 50px;
		line-height: 50px;
		float: left;
		background: #f28b01;
		width: 106px;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
		color: #ffffff;
		border-radius: 0px 4px 4px 0px;

	}

	.tour_search_box_l_03_02:hover{
         background: #f0a036;
	}

	.tour_search_box_l_04{
		margin-bottom: 15px;
	}

	.tour_search_title_01{
		padding-top: 15px;
         padding-bottom: 8px;
         font-weight: bold;
         font-size: 16px;
	}

	.tour_search_btn1 button{
		color:#ffffff !important;
	}

	.tour_search_btn_box{
		overflow: hidden;
		width: 348px;
		height:46px;
		background: #ddd;
	}

	.tour_search_btn_box_00{
		border-radius: 8px;
		overflow: hidden;
	}

	.tour_search_btn_box_btn{
		float: left;
		line-height: 46px;
		height: 46px;
		text-align: center;
		border: 1px solid #ffffff;
		cursor: pointer;
		color:#ffffff;
		background: #fdb454;
		user-select: none;
	}

	.tour_search_btn_box_btn_select{
		background: #f28b01 !important;
	}

	.tour_search_btn_box_btn_s_1{
          width: 116px;
	}

	.tour_search_btn_box_btn_s_2{
          width: 174px;
	}

	.tour_search_date{
		overflow: hidden;
	}

	.tour_search_date .tour_search_date_span{
		padding:8px;
		float: left;
	}

	.tour_search_date input{
		background: #f6f6f6;
		padding:8px;
		border-radius: 8px;
		float: left;
		width: 160px;
		text-align: center;
	}

	.tour_search_pqj{
		overflow: hidden;
	}

	.tour_search_pqj_btn{
		padding:8px 15px;
		border: #ccc 1px solid;
		border-radius: 4px;
		float: left;
		margin-right: 8px;
		margin-bottom: 15px;
		cursor: pointer;
		user-select: none;
		width: 168px;
		text-align: center;
	}

	.tour_search_pqj_btn_select{
		background: #f28b01;
         color:#ffffff;
         border: #ffffff 1px solid;
	}

	.tour_search_pqj_btn_r{
		margin-right: 0px !important;
	}

	.tour_search_pqj_btn:hover{
         background: #f28b01;
         color:#ffffff;
         border: #ffffff 1px solid;
	}







	.tour_search_tra{
		overflow: hidden;
	}

	.tour_search_tra_btn{
		padding:8px 15px;
		border: #ccc 1px solid;
		border-radius: 4px;
		float: left;
		margin-right: 8px;
		margin-bottom: 15px;
		cursor: pointer;
		user-select: none;
		width: 168px;
		text-align: center;
	}

	.tour_search_tra_btn_select{
		background: #f28b01;
         color:#ffffff;
         border: #ffffff 1px solid;
	}

	.tour_search_tra_btn_r{
		margin-right: 0px !important;
	}

	.tour_search_tra_btn:hover{
         background: #f28b01;
         color:#ffffff;
         border: #ffffff 1px solid;
	}


	
	.tour_search_reset{
		background: #f0f0f0;
		border-radius: 8px;
		padding: 15px;
		font-size: 16px;
		text-align: center;
		cursor: pointer;
		user-select: none;
	}

	.tour_search_box_r{
		float: right;
		width: 830px;

		padding:15px;
		padding-bottom: 45px;
		background: #ffffff;
		border-radius: 4px;
		border: 1px solid #ddd;
		border-top: 5px solid #f28b01;
		margin-bottom: 15px;

	}


	.tours_box{
		overflow: hidden;
		height: 270px;
		margin-bottom: 20px;
		background: #ffffff;
		border-radius: 8px;
		padding:8px;

	}

	.tours_box:hover{
        box-shadow:0px 0px 3px #999;
	}

	.tours_box_l{
		float: left;
		width: 245px;

	}

	.tours_box_l_img{
		width: 245px;
		height: 245px;
		border-radius: 8px;
	}

	
	.tours_box_r{
		float: right;
		width: 518px;
		height: 240px;
		position: relative;
	}

	.tourboxn1{
		font-size: 18px;
		font-weight: bold;
		color:#000000;
		margin-bottom: 5px;

	}

	.tourboxn2{
		margin-bottom: 5px;
	}
	.tourboxn3{
		margin-bottom: 5px;
	}

	.tours_box_r .alltime{
		margin-bottom: 10px;

	}

	.tours_box_r .alltime span{
		margin-right: 10px;
		white-space:nowrap;
	}

	.t_pricebox{
		position: absolute;
		height: 30px;
		width: 100%;
		bottom: 15px;
	}

	.t_price{
       width: 200px;
       height: 30px;
       line-height: 60px;
       position: absolute;
       right: 0px;
       text-align: right;
       color:rgb(247, 87, 35);
	}

	.t_price span{
		font-weight: bold;
		font-size: 30px;
	}

	.tour_search_day{
		overflow:hidden;
	}

	.tour_search_day_btn{
		width: 108px;
		margin-right: 10px;
		float: left;
		text-align: center;
		margin-bottom: 10px;
		line-height: 30px;
		height: 30px;
		border-radius: 8px;
		border:1px solid #ddd;
		cursor: pointer;
		user-select: none;
	}

	.tour_search_day_btn_r{
		margin-right: 0px !important;
	}

	.tour_search_day_btn:hover{
		background: #f28b01;
		color:#ffffff;
	}

	.tour_search_day_btn_select{
		background: #f28b01 !important; 
		color:#ffffff !important;

	}








.tour_search_sname{
		overflow:hidden;
	}

	.tour_search_sname_btn{
		width: 108px;
		margin-right: 10px;
		float: left;
		text-align: center;
		margin-bottom: 10px;
		line-height: 30px;
		height: 30px;
		border-radius: 8px;
		border:1px solid #ddd;
		cursor: pointer;
		user-select: none;
	}

	.tour_search_sname_btn_r{
		margin-right: 0px !important;
	}

	.tour_search_sname_btn:hover{
		background: #f28b01;
		color:#ffffff;
	}

	.tour_search_sname_btn_select{
		background: #f28b01 !important; 
		color:#ffffff !important;

	}





	.tour_search_pqj_btn_select{
		background: #f28b01 !important; 
		color:#ffffff !important;
	}


	 #getmore_btn{
 	margin-left: auto;
 	margin-right: auto;
 	padding: 8px 20px;
 	background: #f6f6f6;
 	text-align: center;
 	width: 160px;
 	cursor: pointer;
 	user-select: none;
 	border-radius: 4px;


 }

 .tour_search_go_search{
 	background: #f28b01;
	border-radius: 8px;
	padding: 15px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	user-select: none;
	color: #ffffff;
	font-weight: bold;

 }

 .sname_box{
 	display: inline-block;
 	padding: 3px 8px;
 	border-radius: 20px;
 	background:#ff5400;
 	color: #ffffff;
 	font-weight: bold;
 	font-size:12px;

 }





 }
















.fly_left{
	position: fixed;
	z-index: 9800;
	left: 0px;
    top: 0;
    width: 68px;
    height: 
    background:#666;
    height: 100%;
}

.fly_left_a{

	width: 60px;
	height: 280px;
}

.fly_left_b{
	width: 64px;
	height: 60px;
	padding-left: 4px;
	line-height: 60px;
	text-align: center;
	background:#ffffff;
	border-radius: 0px 160px 160px 0px;
	user-select: none;
	cursor: pointer;
	color:#333;
	font-weight: bold;
	box-shadow: 3px 3px 3px rgb(0,0,0,0.3);
	margin-bottom: 8px;
}

.fly_left_b:hover{
	background:#f60;
	color: #ffffff;
}