.searchBg {
	background: url(../images/searchBG.jpg) repeat-x top center #b0c4fb;

}

.report {
	width: 58%;
	margin: 0 auto;
	padding-bottom: 40px;
	padding-top: 120px;
}

.report .flex {
	display: flex;
	justify-content: space-between;
}

.left {
	width: 40%;
	padding-top: 10%;
}

.searchImg {
	margin-top: -69px;
	width: 50%;
}

.searchForm {
	width: 100%;
}

.sertext {
	padding: 8px 0 8px 12px;
	line-height: 22px;
	border-bottom-style: solid;
	border: 1px solid rgb(228 229 233);
	color: rgb(0, 0, 0);
	font-weight: 400;
	width: 100%;
	border-radius: 8px;
}

.sertext.code {
	width: calc(100% - 100px);
}

.inputbox {
	margin-top: 12px;
}

.bg-primary {
	height: 40px;
	display: flex;
	/* flex-direction: column; */
	padding: 8px 32px;
	gap: 0px 10px;
	flex-wrap: wrap;
	align-content: flex-start;
	/* align-content: center; */
	z-index: 0;
	opacity: 1;
	outline: none;
	box-shadow: 0;
	border: 0;
	border-radius: 8px;
	background: linear-gradient(270deg, #306AED 0%, #5D8BF6 100%);
	color: #fff;
}

.codeImg {
	width: 88px;
	height: 40px;
	border-radius: 8px;
}

.searchList {
	width: 100%;
	border-radius: 30px;
	background: #FFFFFF;
	box-shadow: 0px 5px 8px 0px rgba(174, 177, 203, 0.3);
	margin-top: -200px;
	position: relative;
	z-index: 99;
}

.time {
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	text-align: center;
	letter-spacing: normal;
	color: #0256FF;
	margin: 16px 0;
}

.searchList h1 {
	font-family: HarmonyOS Sans SC;
	font-size: 24px;
	font-weight: bold;
	line-height: normal;
	text-align: center;
	letter-spacing: normal;
	color: #0256FF;
	background: linear-gradient(180deg, #EAF0FF 0%, rgba(213, 223, 249, 0.69) 113%);
	box-shadow: 0px 3px 4px 0px #AEC3FE, inset 0px 4px 16px 0px rgba(255, 255, 255, 0.48);
	width: 200px;
	height: 36px;
	line-height: 36px;
	border-radius: 0 0 50px 50px;
	margin: 0 auto;
}

.list {
	position: relative;
	padding: 20px 40px;
}

.list ul {
	display: flex;
	justify-content: space-between;

	flex-wrap: wrap;
	position: relative;
}

.list .sealImg {
	position: absolute;
	right: 40px;
	top: 16px;
}

.list li {
	width: 48%;
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
}

.list li span {
	width: 100px;
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #888889;
}

.list li p {
	flex: 1;
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #222229;
	text-align: right;
}

.searchList a.bg-primary {
	text-align: center;
	width: 30%;
	margin: 0 auto;
	align-content: center;
	color: #FFFFFF;
}

.searchList .inputbox {
	margin: 0;
	padding: 10px 4px 40px;
}

.empty {
	width: 200px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 4px 40px;
}

.empty img {
	width: 100%;
}
.mobileFooter{
	display: none;
}






/* 容器宽度与居中 */
.search-container {
    max-width: 80%;
    margin: 30px auto;
    padding: 20px;
    border-radius: 8px;
}

/* 所有表单组默认间距 */
.input-group,
.captcha-group {
    margin-bottom: 20px;
}

/* 搜索框独占一行 */
.full-width {
    width: 100%;
}

/* 验证码与按钮并排显示 */
.inline-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

/* 标签样式统一 */
.input-group label,
.captcha-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
}

/* 输入框样式 */
#searchInput,
#captchaInput {
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* 验证码输入容器 */
.captcha-input {
    display: flex;
    align-items: center;
    gap: 10px;
}

.captcha-image {
    width: 120px;
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 35px;
    font-style: italic;
    color: #666;
}

/* 按钮居中对齐 */
.button-group {
    display: flex;
    align-items: center;
    height: 100%;
}

.btn {
    padding: 10px 20px;
    font-size: 16px;
}










@media (min-width: 1920px) {
	.searchList {
		margin-top: -250px;
	}
}

@media (max-width: 1700px) {
	.searchList {
		margin-top: -163px;
	}
}

@media (max-width: 1600px) {
	.searchList {
		margin-top: -140px;
	}
}

@media (max-width: 1500px) {
	.searchList {
		margin-top: -100px;
	}
}

@media (max-width: 1300px) {
	.searchList {
		margin-top: -70px;
	}
}

@media (max-width: 1280px) {
	.searchList {
		margin-top: -70px;
	}

	.report {
		width: 90%;
	}
}

@media (max-width: 768px) {
	body{
		background-color: #F1F5F9;
	}
	.searchForm {
		display: none;
	}

	.searchList {
		margin-top: -70px;
	}

	.report {
		width: 100%;
		padding-bottom: 20px;
	}

	.report .flex {
		display: flex;
		justify-content: space-between;
		position: relative;
		justify-content: flex-end;
	}

	.left {
		width: 48%;
		position: relative;
		position: absolute;
		left: 0;
		top: -33px;
	}

	.left img {
		position: absolute;
		left: 20px;
		top: 20px;
	}

	.list li {
		width: 100%;
	}

	.searchList .inputbox {
		padding: 10px 40px 40px;
	}

	.searchList a.bg-primary {
		width: 100%;
	}
	.empty {
		padding: 80px 0px;
		width: 60%;
	}

	/* footer {
		display: none;
	} */

	.searchList a.bg-primary {
		width: 100%;
	}
	
	.searchBg {
		background: url(../images/searchBGM.jpg) repeat-x top center #F1F5F9;
	}
	.tel{
		display: none;
	}
	.mobileFooter{
		display: block;
		text-align: center;
		padding: 0px 0px 20px;
	}


	.search-container {
		max-width: 100%;
		margin: 30px auto;
		padding: 20px;
		border-radius: 8px;
	}
}