.bodyData {
		margin-top: 89px;
		display: flex;
		justify-content: center;
	}

	.searchHabr {
		margin-bottom: 50px;
	}

	.searchRecom {
		display: flex;
		justify-content: center;
		margin-top: 20px;
		font-size: 14px;
		font-family: PingFangSC, PingFangSC-Regular;
		font-weight: 400;
		text-align: left;
		color: #999999;
	}

	.searchRecom>a {
		margin-right: 15px;
	}

	.searchRecom>a:hover {
		color: #004098;
	}

	.searchInput {
		margin: 30px auto;
		height: 60px;
		width: 800px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 25px;
		border: 1px solid #c2c2c2;
		border-radius: 34px;
	}

	.inputStyle {
		border: none;
		height: 40px;
		font-size: 18px;
		flex: 1;
	}

	.searchInput:focus-within {
		border-color: #004098;
	}

	.resultList {
		width: 1200px;
		min-height: 500px;
	}

	.noResult {
		width: 600px;
		margin: 0 auto;
		text-align: left;
		font-size: 14px;
		font-family: PingFangSC, PingFangSC-Regular;
		font-weight: 400;
		color: #999999;
		line-height: 30px;
	}

	.noResult_title {
		font-size: 18px;
		font-family: PingFangSC, PingFangSC-Medium;
		font-weight: 600;
		text-align: center;
		color: #333333;
		margin-bottom: 30px;
	}

	.resultHadr {
		border-bottom: 1px solid #c2c2c2;
		width: 1200px;
		display: flex;
	}

	.resultTitle {
		font-size: 18px;
		font-family: PingFangSC, PingFangSC-Regular;
		font-weight: 600;
		color: #999999;
		padding: 10px 20px;
		cursor: pointer;
	}

	.resultTitle.action {
		color: #111111;
		position: relative;
	}
	.resultTitle.action::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 4px; 
      background-color: #111;
      border-radius: 2px; 
}

	.noContent {
		font-size: 18px;
		font-weight: 600;
		text-align: left;
		color: #333333;
		margin-top: 100px;
		text-align: center;
	}

	.haveContent {
		display: grid;
		grid-template-columns: repeat(3, 400px);
	}

	.haveData {
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
	}

	.haveText {
		font-size: 18px;
		font-family: PingFangSC, PingFangSC-Medium;
		font-weight: 600;
		color: rgba(0, 0, 0, 0.85);
		margin-top: 20px;
	}

	.hdContent {
		text-align: center;
		padding: 20px;
		border-radius: 8px;
		cursor: pointer;
	}

	.hdContent:hover {
		box-shadow: 0px 0px 7px 0px #c2c2c2;
	}

	@media (max-width: 1199px) {
		.bodyData {
			margin-top: 160px;
			display: flex;
			justify-content: center;
		}
	}

	.view-more-btn {
		width: 170px;
		height: 48px;
		border: 1px solid #cccccc;
		border-radius: 25px;
		font-size: 14px;
		font-weight: 400;
		color: rgba(0, 0, 0, 0.85);
	}

	.sk-chase {
		margin: 40px auto;
		width: 120px;
		height: 120px;
		position: relative;
		animation: sk-chase 2.5s infinite linear both;
	}

	.sk-chase-dot {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		animation: sk-chase-dot 2.0s infinite ease-in-out both;
	}

	.sk-chase-dot:before {
		content: '';
		display: block;
		width: 25%;
		height: 25%;
		background-color: #ccc;
		border-radius: 100%;
		animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
	}

	.sk-chase-dot:nth-child(1) {
		animation-delay: -1.1s;
	}

	.sk-chase-dot:nth-child(2) {
		animation-delay: -1.0s;
	}

	.sk-chase-dot:nth-child(3) {
		animation-delay: -0.9s;
	}

	.sk-chase-dot:nth-child(4) {
		animation-delay: -0.8s;
	}

	.sk-chase-dot:nth-child(5) {
		animation-delay: -0.7s;
	}

	.sk-chase-dot:nth-child(6) {
		animation-delay: -0.6s;
	}

	.sk-chase-dot:nth-child(1):before {
		animation-delay: -1.1s;
	}

	.sk-chase-dot:nth-child(2):before {
		animation-delay: -1.0s;
	}

	.sk-chase-dot:nth-child(3):before {
		animation-delay: -0.9s;
	}

	.sk-chase-dot:nth-child(4):before {
		animation-delay: -0.8s;
	}

	.sk-chase-dot:nth-child(5):before {
		animation-delay: -0.7s;
	}

	.sk-chase-dot:nth-child(6):before {
		animation-delay: -0.6s;
	}

	@keyframes sk-chase {
		100% {
			transform: rotate(360deg);
		}
	}

	@keyframes sk-chase-dot {

		80%,
		100% {
			transform: rotate(360deg);
		}
	}

	@keyframes sk-chase-dot-before {
		50% {
			transform: scale(0.4);
		}

		100%,
		0% {
			transform: scale(1.0);
		}
	}
	.search-img{
        cursor: pointer;
		width:24px;
    }