@media screen and (max-width:768px) {
	*{
		margin:0;padding: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	html,body{
		height: auto;
		min-height: 100vh;
		width: 100%;
		overflow-x: hidden;
		position: relative;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	
	/* iPhone Safari 专用背景滚动修复 */
	body {
		background-image: url(https://api.timelessq.com/bing/random) !important;
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		/* 关键：在iPhone Safari中不使用background-attachment */
		background-attachment: initial !important;
	}
	
	/* WebKit 浏览器隐藏滚动条 */
	html::-webkit-scrollbar,
	body::-webkit-scrollbar {
		display: none;
		width: 0;
		height: 0;
	}
	/*内容样式，使用flex布局*/
	.content{
		width: 15rem;
		display: flex;
  		flex-direction: column;
 		justify-content: space-around;
  		align-items: center;
  		/*height: 46rem;*/
  		position: absolute;
  		top:26%;
}
	/*搜索框总体样式*/
	.baidu{
		position: relative;
		width: 14rem;
		height: 2.6rem;
		left: 50%;
		transform: translateX(-50%);
	}

	.baidu-2{
		height: 2.6rem;
	}

/*取消多级搜索，只保留百度*/
	#Select-2{
		position: absolute;
		left: 0;
	}

	.Select-box-2{
		display: none;
		float: none;
	}

	.Select-box-2  li{
		background-color: yellow;
		display: none;
		float: none;
	}
	/*输入框样式*/
	#kw-2{
		width: 10rem;
		height: 1.2rem;
		border:0;
		position: absolute;
		padding-left: 10px;
	}
	/*搜索框样式*/
	#su-2 {
	    width: 3rem;
	    text-align: center;
	    line-height: 0rem;
	    position: absolute;
	    background-color: blue;
	    border-color: blue;
	    right: 1rem;
	    border-radius: 0;
	    height: 1.2rem;
	}
	#su-2:hover{
		background-color: blue;
	}

	#su-2:avtive{
		background-color: blue;
		box-shadow: none;	
	}
	
	/*content下的所有div宽度*/
	.content div{
		width: 100%;
	}
	/*每个选择框的宽度*/
	.content li{
		width: 4.69rem;
	}
	/*放弃content外的footer*/
	.footer{  
		display: none;
	}
	/*移动端使用的footer*/
	.footer1{
		display: block;
		text-align: center;
		position: relative;
		padding-top: 20px;
		padding-bottom: 20px;
		bottom: 0;
		color: white;
		width: 100%;
		box-sizing: border-box;
	}

	input[type="button"], input[type="submit"], input[type="reset"] {

	-webkit-appearance: none;

	}

	textarea {  -webkit-appearance: none;}  
	
	/* iPhone Safari 处理 */
	@supports (-webkit-touch-callout: none) {
		html, body {
			height: auto;
			min-height: 100vh;
			min-height: -webkit-fill-available;
			width: 100vw;
			overflow-x: hidden;
			overflow-y: auto;
		}
		
		html::-webkit-scrollbar,
		body::-webkit-scrollbar {
			display: none !important;
			width: 0 !important;
			height: 0 !important;
			background: transparent !important;
		}
		
		body {
			margin-right: 0 !important;
			padding-right: 0 !important;
		}
		
		.body, .content {
			overflow-x: hidden;
			/* -webkit-overflow-scrolling: touch; */
			height: auto;
		}
	}
	
	/* 针对 iPhone 刘海屏的安全区域适配 */
	body {
		padding-left: env(safe-area-inset-left);
		padding-right: env(safe-area-inset-right);
		padding-left: constant(safe-area-inset-left);
		padding-right: constant(safe-area-inset-right);
	}

	html, body {
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		/* 防止反弹效果 */
		overscroll-behavior: none;
	}
	
	.body, .content {
		overflow-x: hidden;
		height: auto;
		min-height: auto;
	}

	a, button, input, textarea {
		-webkit-user-select: auto;
		-moz-user-select: auto;
		-ms-user-select: auto;
		user-select: auto;
		-webkit-touch-callout: default;
		-webkit-tap-highlight-color: transparent;
	}
	
}