#questions{
	padding: 8px;
	font-weight: bold;
	font-size: 20px;
}

#questions-answer{
	padding: 15px;
}
       

      

        /* 移动端适配 */
        @media (max-width: 798px) {
			/* 全局样式 */
			      body{
			          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
			          margin: 0;
			          padding: 0;
			          background-color: #f5f5f5;
			          display: flex;
			 
			          min-height: 100vh;
			      }
			
			
			.chat_body_left{
				display: none;
			}
			
	
			
			.chat_body_right{
				display: none;
			}
			.chat-header {
			     background: linear-gradient(90deg,#00d5bd,#00c0c0);
			     color: #fff;
			     padding: 8px;
			     font-size: 1.3em;
			     font-weight: 600;
			     text-align: center;
			
			     border-radius: 0 0 15px 15px;
			 }
			
			.chat-messages {
			     flex: 1;
			     padding: 24px;
			     overflow-y: auto;
			     display: flex;
			     flex-direction: column;
			     gap: 16px;
						padding-bottom: 80px;
			 }
			
			.message {
			     padding: 14px 18px;
			     border-radius: 12px;
			     max-width: 75%;
			     line-height: 1.5;
			     font-size: 0.95em;
			     white-space: pre-wrap;
			 }
			
			.user-message {
			     background-color: #e5f6ff;
			     align-self: flex-end;
			     color: #000;
			 }
			
			.bot-message {
			     background-color: #f0f0f0;
			     align-self: flex-start;
			     color: #000;
			 }
			
			.chat-input {
			     display: flex;
			     padding: 18px 24px;
			     border-top: 1px solid #e0e0e0;
			     background-color: #fff;
			 }
			
			#user-input{
			     flex: 1;
			     padding: 14px;
			     border: 1px solid #ccc;
			     border-radius: 8px;
			     outline: none;
			     font-size: 0.95em;
			 }
			
			.chat-input button {
			     margin-left: 12px;
			     padding: 14px 20px;
			     background: linear-gradient(90deg,#00d5bd,#00c0c0);
			     color: #fff;
			     border: none;
			     border-radius: 8px;
			     cursor: pointer;
			     font-size:14px !important;
			     font-weight: 600;
			     transition: background-color 0.2s ease;
						white-space: nowrap;
						
			 }
			
	
			.loading-bot {
			     display: flex;
			     align-items: center;
			 }
			
			.loading-animation {
			     border: 3px solid rgba(0, 0, 0, 0.1);
			     border-top-color: #e95312;
			     border-radius: 50%;
			     width: 15px;
			     height: 15px;
			     animation: spin 1s linear infinite;
			     margin-right: 8px;
			 }
			
			 @keyframes spin {
			     to {
			         transform: rotate(360deg);
			     }
			 }
			
			.recommended-questions {
			     margin-top: 20px;
			     padding: 16px;
			     background-color: #f8f9fa;
			     border-radius: 12px;
			     display: flex;
			     flex-wrap: wrap;
			     gap: 12px;
			     opacity: 0;
			     transform: translateY(20px);
			     transition: opacity 0.5s ease, transform 0.5s ease;
			 }
			
			.recommended-question {
			     background-color: #fff;
			     padding: 12px 16px;
			     border-radius: 8px;
			     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
			     margin: 0;
			     transition: transform 0.2s;
			     cursor: pointer;
			     font-size: 0.9em;
			     color: #333;
			 }
			
			.recommended-question:hover {
			     background-color: #e9ecef;
			     transform: translateY(-2px);
			 }
			
			.recommended-questions.show {
			     opacity: 1;
			     transform: translateY(0);
			 }
			
			.image-container {
			     width: 40%;
				
			 }
			
			.image-container img {
			     width: 100%;
			     height: auto;
			     border-radius: 4px;
						
			 }
			
			.link-container {
			     padding: 10px;
				 background: #f'f'f'f'f'f;
				 border-radius: 10px;
				 max-width: 80%;
			 }
			
			
			 
			 .link_container_text{
			 	padding: 0px 10px;
			 	background: #ff8c40;
			 	text-decoration: none !important;
			 	margin-bottom: 10px;
			 	color:#ffffff !important;
			 		text-overflow: ellipsis;
			 	    display: -webkit-box;
			 	    -webkit-line-clamp: 2;
			 	    -webkit-box-orient: vertical;
			     margin-bottom: 8px;
			 	overflow: hidden;
			 	flex-wrap: wrap;
			 	
			 	border-radius: 60px;
			 	line-height: 25px;
				text-decoration: underline;
			 	}
			 
			 .link_container_pic{
			 	display: inline-block; 
				width: 50%;
			 }
			 
			 .link_container_pic .link_container_pic_pic{
			 	 width: calc(100% - 0px);
				 padding: 5px;
				 margin: 5px;
				 border-radius: 8px;
				
			 }
			 				 
			 
					
					
					.go_c_m_other{
						background: #e95312;
						color: #ffffff;
						padding: 5px 15px;
						position: absolute;
						bottom: 100px;
						left: 8px;
						border-radius: 50px;
						box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
						cursor: pointer;
						user-select: none;
						text-decoration: none !important;
					}
					
					
					.go_c_m_other:hover{
						background: #ff6929;
					}
					
					
					.go_c_m_zr{
						background: linear-gradient(90deg,#00d5bd,#00c0c0);
						color: #ffffff;
						padding: 5px 15px;
						position: absolute;
						bottom: 120px;
						right: 8px;
						border-radius: 50px;
						box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
						cursor: pointer;
						user-select: none;
						
						text-decoration: none !important;
					}
					
					
	
				
				
				.go_c_m_zl{
					background: linear-gradient(90deg,#00d5bd,#00c0c0);
					color: #ffffff;
					padding: 5px 15px;
					position: absolute;
					bottom: 120px;
					left: 8px;
					border-radius: 50px;
					box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
					cursor: pointer;
					user-select: none;
					
					text-decoration: none !important;
				}
				
				
	
					
					
			
		    .chat_body{
				width: 100%;
			}
			
			.chat-container {
			     width: 100%;
			     max-width: 600px;
			     height: 90vh;
			     background-color: #fff;
			     border-radius: 12px;
			     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
			     display: flex;
			     flex-direction: column;
			     overflow: hidden;
						position: relative;
			 }
			 
			 
          .chat-container {
                max-width: 100%;
                height: 100vh;
                border-radius: 0;
            }
        
          .chat-header {
                padding: 5px;
                font-size: 1.2em;
            }
        
          .chat-messages {
                padding: 10px;
				padding-bottom: 80px;
            }
        
          .message {
                max-width: 90%;
            }	

           .chat-input {
                padding: 16px 20px;
            }

           .chat-input input {
                padding: 12px;
            }

           .chat-input button {
                padding: 12px 18px;
				
            }
			
			#pic_box_bb{
				position: fixed;
				width: 100%;
				height:100vh;
				background: rgb(0,0,0,0.6);
				top: 0;
				left: 0;
				z-index: 9999;
			    display: none;
				overflow-x: hidden;
				overflow-y: scroll;
			}
			
			#pic_box_bb_hey_close{
				height: 60px;
				text-align: right;
				max-width: 750px;
				margin-left: auto;
				margin-right: auto;
				
			}
			
			#pic_box_bb_hey_close img{
				width: 40px;
				height: 40px;
				margin-top: 10px;
				margin-right: 10px;
			}
			
			#pic_box_bb_hey_pic{
				width: 100%;
				max-width: 750px;
				margin-left: auto;
				margin-right: auto;
			}
			
			#pic_box_bb_hey_pic img{
				width: 100%;
				max-width: 750px;
				margin-left: auto;
				margin-right: auto;
			}
			
			.show_pic_j {
				cursor: pointer;
			}
        }
		
		
		/* PC端适配 */
		@media (min-width: 798px) {
			/* 全局样式 */
			      body{
			          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
			          margin: 0;
			          padding: 0;
			          background-color: #f5f5f5;
			     min-width: 1350px;
			 
			          min-height: 100vh;
			      }
			
			
			
			.chat-header {
				display: none;
			     background: linear-gradient(90deg,#00d5bd,#00c0c0);
			     color: #fff;
			     padding: 8px;
			     font-size: 1.3em;
			     font-weight: 600;
			     text-align: center;
			     
			     border-radius: 0 0 30px 30px;
			 }
			
			.chat-messages {
			     flex: 1;
			     padding: 50px 24px 150px 24px !important;
				 
			     overflow-y: auto;
			     display: flex;
			     flex-direction: column;
			     gap: 16px;
			
			 }
			
			.message {
			     padding: 14px 18px;
			     border-radius: 12px;
			     max-width: 75%;
			     line-height: 1.5;
			     font-size: 0.95em;
			     white-space: pre-wrap;
			 }
			
			.user-message {
			     background-color: #e5f6ff;
			     align-self: flex-end;
			     color: #000;
			 }
			
			.bot-message {
			     background-color: #f0f0f0;
			     align-self: flex-start;
			     color: #000;
			 }
			
			.chat-input {
			     display: flex;
			     padding: 18px 24px;
		         width: calc( 100% - 48px);
				 max-width: 750px;
				 margin-left: auto;
				 margin-right: auto;
			     background-color: transparent;
			 }
			
			.chat-input input {
			     flex: 1;
			     padding: 14px;
			     border: 1px solid #ccc;
			     border-radius: 8px;
			     outline: none;
			     font-size: 0.95em;
			 }
			 
			 #user-input {
			      flex: 1;
			      padding: 14px;
			      border: 1px solid #ccc;
			      border-radius: 8px;
			      outline: none;
			      font-size: 0.95em;
			  }
			
			.chat-input button {
			     margin-left: 12px;
				 width: 130px;
			     padding: 14px 20px;
			     background: linear-gradient(90deg,#00d5bd,#00c0c0);
			     color: #fff;
			     border: none;
			     border-radius: 8px;
			     cursor: pointer;
			     font-size:14px !important;
			     font-weight: 600;
			     transition: background-color 0.2s ease;
						white-space: nowrap;
						
			 }
			
			
			
			.loading-bot {
			     display: flex;
			     align-items: center;
			 }
			
			.loading-animation {
			     border: 3px solid rgba(0, 0, 0, 0.1);
			     border-top-color: #e95312;
			     border-radius: 50%;
			     width: 15px;
			     height: 15px;
			     animation: spin 1s linear infinite;
			     margin-right: 8px;
			 }
			
			 @keyframes spin {
			     to {
			         transform: rotate(360deg);
			     }
			 }
			
			.recommended-questions {
			     margin-top: 20px;
			     padding: 16px;
			     background-color: #f8f9fa;
			     border-radius: 12px;
			     display: flex;
			     flex-wrap: wrap;
			     gap: 12px;
			     opacity: 0;
			     transform: translateY(20px);
			     transition: opacity 0.5s ease, transform 0.5s ease;
			 }
			
			.recommended-question {
			     background-color: #fff;
			     padding: 12px 16px;
			     border-radius: 8px;
			     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
			     margin: 0;
			     transition: transform 0.2s;
			     cursor: pointer;
			     font-size: 0.9em;
			     color: #333;
			 }
			
			.recommended-question:hover {
			     background-color: #e9ecef;
			     transform: translateY(-2px);
			 }
			
			.recommended-questions.show {
			     opacity: 1;
			     transform: translateY(0);
			 }
			
			.image-container {
			     width: 40%;
				
			 }
			
			.image-container img {
			     width: 100%;
			     height: auto;
			     border-radius: 4px;
						
			 }
			
			.link-container {
			     padding: 10px;
				 background: #ff5400;
				 border-radius: 10px;
			 }
			
			
			 
			 .link_container_text{
			 	padding: 0px 10px;
			 	background: #ff8c40;
			 	text-decoration: none !important;
			 	margin-bottom: 10px;
			 	color:#ffffff !important;
			 		text-overflow: ellipsis;
			 	    display: -webkit-box;
			 	    -webkit-line-clamp: 2;
			 	    -webkit-box-orient: vertical;
			     margin-bottom: 8px;
			 	overflow: hidden;
			 	flex-wrap: wrap;
			 	
			 	border-radius: 60px;
			 	line-height: 25px;
				text-decoration: underline;
			 	}
			 
			 .link_container_pic{
			 	display: inline-block; 
				width: 25%;
			 }
			 
			 .link_container_pic .link_container_pic_pic{
			 	 width: calc(100% - 20px);
				 padding: 5px;
				 margin: 5px;
				 border-radius: 8px;
				 background-color: #ffffff;
			 }
					
					
					.go_c_m_other{
						background: #e95312;
						color: #ffffff;
						padding: 5px 15px;
						position: absolute;
						bottom: 100px;
						left: 8px;
						border-radius: 50px;
						box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
						cursor: pointer;
						user-select: none;
						text-decoration: none !important;
					}
					
					
					.go_c_m_other:hover{
						background: #ff6929;
					}
					
					.go_c_m_zl{
						display: none;
					}
					
					
					.go_c_m_zr{
						display: none;
						background: linear-gradient(90deg,#00d5bd,#00c0c0);
						color: #ffffff;
						padding: 5px 15px;
						position: absolute;
						bottom: 120px;
						right: 8px;
						border-radius: 50px;
						box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
						cursor: pointer;
						user-select: none;
						
						text-decoration: none !important;
					}
					
					
					.go_c_m_zr:hover{
						background: #ff6929;
					}
					
					.link-container{
					  max-width: 90%;
						
					}
					
					
					
			
			
			.chat-container {
			   
	
			     height: 90vh;
			     background-color: #fff;
			     border-radius: 12px;
			     margin-left: auto;
				 margin-right: auto;
			     display: flex;
			     flex-direction: column;
			     overflow: hidden;
				position: relative;
			 }
			 
			 
		  .chat-container {
		        width: 100%;
			
		        height: 100vh;
		        border-radius: 0;
		    }
		
		  .chat-header {
		        padding: 5px;
		        font-size: 1.2em;
		    }
		
		  .chat-messages {
		        padding: 10px;
				padding-bottom: 80px;
		    }
		
		  .message {
		        max-width: 90%;
		    }	
		
		
			
			#pic_box_bb{
				position: fixed;
				width: 100%;
				height:100vh;
				background: rgb(0,0,0,0.6);
				top: 0;
				left: 0;
				z-index: 9999;
			    display: none;
				overflow-x: hidden;
				overflow-y: scroll;
			}
			
			#pic_box_bb_hey_close{
				height: 60px;
				text-align: right;
				max-width: 750px;
				margin-left: auto;
				margin-right: auto;
				
			}
			
			#pic_box_bb_hey_close img{
				width: 40px;
				height: 40px;
				margin-top: 10px;
				margin-right: 10px;
			}
			
			#pic_box_bb_hey_pic{
				width: 100%;
				max-width: 750px;
				margin-left: auto;
				margin-right: auto;
			}
			
			#pic_box_bb_hey_pic img{
				width: 100%;
				max-width: 750px;
				margin-left: auto;
				margin-right: auto;
			}
			
			.show_pic_j {
				cursor: pointer;
			}
			
			.chat_body_left{
				width: 290px !important;
				height: calc(100vh - 30px);
			    float:left;
				overflow-x: hidden;
				overflow-y: scroll;
				padding: 15px;
			}
			
			.chat_body_right{
				 float:right;
				 position: relative;
				width: 414px !important;
				height: calc(100vh - 6px);
			  overflow: hidden;
				border: 3px solid #f06000;
				padding: 0px;
				background-color: #ffffff;
				
				
			}
			
			
			
			.chat_body{
				width: calc(100% - 320px);
				min-width: 600px;
				float:left;
				
				 background-color: #fff;
				 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
			}
			
			
			.chat_body_left_title{
				font-size: 30px;
				font-weight: bold;
				user-select: none;
			
				padding-top: 10px;;
				padding-bottom: 35px;
				overflow: hidden;
			}
			
			.p_logo{
				width: 100px;
			}
			
			#user-input{
				border:0;
				background-color:#efefef ;
				line-height: 100px;
				
			}
			
			.chat_body_left_logo{
				position: fixed;
				bottom: 15px;
				left:15px;
				width: 100px;
				opacity: 0.8;
			}
			
			
			.k_search_box{
				overflow: hidden;
				padding: 0px 4px;
			}
			
			
			.k_search{
				display: inline-block;
				padding: 4px 12px;
				background-color: #666666;
				color: #ffffff;
				border-radius: 15px;
				margin-left: 4px;
				margin-right: 4px;
				margin-bottom: 8px;
				cursor: pointer;
			}
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			  .tourlist_box_searchbox {
			    width:100%;
			    margin-left: auto;
			    margin-right: auto;
				padding: 15px;
		
				top:0;
				left: 0;
				background-color: #ff5400;
			
			  }
			  
			    .tourlist_box_searchbox_a {
			      width: calc( 100% - 30px);
			    
			      
			      height: 45px;
			      line-height: 45px;
			      border-radius: 60px;
			      border: 3px solid #f60;
			      background: #ffffff;
			      overflow: hidden;
			    }
				
				.tourlist_box_searchbox_a_l {
				    float: left;
				    width: calc(100% - 135px);
				    overflow: hidden;
				    border-radius: 100px 0px 0px 100px;
				  }
				  
				    .tourlist_box_searchbox_a_r {
				      float: right;
				      background: #ff934b;
				      line-height: 45px;
				      width: 130px;
				      color: #ffffff;
				      font-weight: bold;
				      text-align: center;
				      cursor: pointer;
				      user-select: none;
				    }
					
					  .tourlist_box_searchbox_a_l input {
					    width: 110%;
					    border: 0px solid #ffffff;
					    padding-left: 25px;
					    font-size: 16px;
					    outline: none !important;
					    height: 40px;
					    border-radius: 100px 0px 0px 100px;
					  }
					  
	    
		.tourlist_box_all{
			width: 100%;
			height: calc( 100vh - 146px );
		
			overflow-x: hidden;
			overflow-y: scroll;
	
		} 
			  
       .tourlist_box_a {
         
         margin-top: 15px;
         margin-bottom: 15px;
		 padding-left: 10px;
		
       }
	   
	   .tourlist_box_a_hot{
		   padding-bottom: 10px;
		   font-weight: bold;
		   text-align: center;
		   color: #f00000;
	   }
	   
	   .tour_search_date{
		   width: 240px;
		   margin-left: auto;
		   margin-right: auto;
	   }
				   
		.t_box_c {
		    width: 100%;
		  }
	    
		 .t_box_c_c {
		    width: 100%;
		  }
		  
		  .t_box_c_a{
			  background: #ffffff;
			  margin-bottom: 10px;
			  overflow: hidden;
			  padding: 10px;
			  border-radius: 10px;
			  position: relative;
			  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
		  }
		  
		.t_box_c_title_a {
		    font-weight: bold;
		    color: #000;
		    text-decoration: none;
			overflow: hidden;
			
		  }
		  
		a {
		  text-decoration: none !important;
		}
				   
		 .t_box_c_c_l {
		    width: 100px;
		    height: 100px;
		    float: left;
		    overflow: hidden;
		  }
	    
		
		  .t_box_c_c_l img {
		    width: 100px;
		    height: 100px;
		  }
		  
		 .t_box_c_c_r {
		    float: left;
		    margin-left: 10px;
		    width: calc(100% - 110px);
		    position: relative;
		  }
			
		 .t_box_c_title {
		    padding-top: 0px;
		    font-size: 16px;
			margin-bottom: 10px;;
		  }
		
		
		.t_box_c_label {
		  margin-top: 8px;
		  margin-bottom: 8px;
		}
			   
		 .t_box_c_price {
		    font-size: 25px;
		    color: #f00;
		    margin-bottom: 5px;
		    font-weight: bold;
			text-align: right;
			position: absolute;
			bottom: 5px;
			right: 10px;
		  }
		  
		  
		  .label_btn {
		    display: inline-block;
		    padding: 3px 8px;
		    border-radius: 20px;
		    background: #ff5400;
		    color: #ffffff;
		    font-weight: bold;
		    font-size: 12px;
		  }
		  
		  
		  .tour_more_box a {
		    text-decoration: none;
		  }
		  
		  .tour_more {
		    width: 200px;
		    padding: 15px;
		    background: #f60;
		    color: #ffffff;
		    text-align: center;
		    font-weight: bold;
		    margin-left: auto;
		    margin-right: auto;
		    border-radius: 4px;
		    margin-top: 35px;
		    margin-bottom: 55px;
		    text-decoration: none;
		  }
		  
		  
		   .tourlist_box_b {
		      width: 100%;
		      margin-left: auto;
		      margin-right: auto;
		      margin-bottom: 15px;
		    }
			
			.tourlist_box_b2 {
			   width: 100%;
			   margin-left: auto;
			   margin-right: auto;
			   margin-bottom: 15px;
			 }
			
			
			
			#loadinggif {
			  width: 300px;
			  margin-top: -130px;
			  
			}
			
			
			#tourimgoh{
				overflow: hidden;
				height: 300px;
				display: none;
			}
		
		
		#getmore{
			display: none;
		}	
			
	  #getmore_btn {
	    width: 150px;
	    text-align: center;
	    margin-left: auto;
	    margin-right: auto;
	    background: #f60;
	    color: #ffffff;
	    padding: 8px;
	    border-radius: 100px;
	    cursor: pointer;
	    user-select: none;
	  }
	  
	  #getmore_btn_1 {
	    width: 150px;
	    text-align: center;
	    margin-left: auto;
	    margin-right: auto;
	    background: #f60;
	    color: #ffffff;
	    padding: 8px;
	    border-radius: 100px;
	    cursor: pointer;
	    user-select: none;
	  }
	  
	   .qsbox {
	      width: 100px;
	      text-align: center;
	      border-radius: 20px;
	      border: 1px solid #ddd;
	    }
		
		.tour_k{
	
			padding-bottom: 15px;
			padding-top: 15px;
			background-color: #ececec;
		}
		
		 .tour_k_l span {
		    display: inline-block;
		    margin-right: 4px;
		    padding: 2px 2px;
		    color: #000;
		    text-decoration: none;
		    cursor: pointer;
		    user-select: none;
		  }
		  
		  
}