@charset "UTF-8";

* {
	margin: 0;
	/* padding: 0; */
}

body {
	/* font-family: '黑体', Arial, sans-serif; */
	margin: 0;
	padding: 0;
	background-color: #fff;
	/* user-select: none; */
}

/* 渐入动画样式 */
.fade-in-section {
  opacity: 0;
  transform: translateY(20px); /* 初始位置向下偏移一点 */
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: opacity, transform; /* 优化动画性能 */
}

/* 当元素进入视口时添加此类 */
.fade-in-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.main-area {
	width: 100%;
	/* height: 100vh; */
	display: flex;
	flex-direction: column;
	align-items: center;
	/* justify-content: center; */
}

.img-container {
	
	margin-top: 11vh;
	height: 50vh;
	width: 90vw;
	background-image: url('../img/hire/hire-bg.png');
	background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat; 
	background-color: #f0f0f0; 

	border-radius: 20px;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
}

.t1{
	font-size: 56px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 72px;
	color: rgba(255, 255, 255, 1);

}
.t2 {
	margin-top: 1%;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 24px;
	color: rgba(255, 255, 255, 1);

}

.post-area{
	margin: 10vh;
	width: 100%;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.post-card {
	width: 70vw;
	height: 55vh;
	margin-bottom: 5vh;
	border-radius: 20px;
	background: #eff8fc;

	overflow: hidden;
	display: flex;
	flex-direction: column;

}

.title {
	
	height: 7vh;
	width: 100%;
	padding-left: 3%;
	background: #09A4D8;
	font-size: 18px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);

	display: flex;
	align-items:center ;
	gap: 2%;
}
.t-icon {
	font-size: 15px;
	display: flex;
	align-items: center;
	gap: 5px;
}
.require-area {
	width: 100%;
	/* padding: 2vh 3%; */
	font-weight: 400;
	height: 46vh;
	/* background: aqua; */

	
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.duty {
	
	width: 45%;
	height: 95%;
	/* background: #000; */
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}
.d-text {
	height: 30vh !important;
	margin: auto 0;
	/* background: #000; */
	overflow-y: auto;
	scrollbar-width: thin; /* 设置滚动条宽度 */
    scrollbar-color: #09a4d8 #e1e3e6; /* 滑块颜色和轨道颜色 */

	font-size: 15px;
	color: rgba(135, 141, 164, 1);
}


.place {
	height: 7vh;
	padding-left: 2% ;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	/* background: #000; */
}


	/* 区域六 */
	.area-six {
		width: 100%;
		height: 50vh;
		
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		
		color: #9FB3D0;
		background: #0E418A;
	}
	.top-area {
		width: 100%;
		height: 45vh;
		
		display: flex;
		align-items: center;
		justify-content: center;
		
		
	}
	.top-area .left {
		width: 45vw;
		height: 40vh;
		padding: 1%;
		/* background-color: aqua; */
		
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		
	}
	
	.top-area .left .left-container{
		height: 20vh;
		/* background-color: aqua; */
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.top-area .left .left-container .l-img {
		width: 30%;
	}
	.top-area .left .left-container .l-msg {
		display: flex;
		align-items: center;
		gap: 0.3125rem;
		font-size: 1.1rem;
		font-weight: 500;
		
	}
	.top-area .left .left-container .l-msg img {
		width: 4%;
	}
	.top-area .left .left-container .l-msg .l-item {
		width: auto;
	}
	.top-area .left .left-container .l-msg .l-about{
		width:auto;
		/* background-color: antiquewhite; */
	}
	
	.top-area .left .l-code {
		height: 18vh;
		/* width: 20%; */
		margin-left: 5%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.2rem;
		
	}
	.top-area .left .l-code img{
		height: 100%;
	}
	
	.top-area .right {
		width: 45vw;
		height: 40vh;
		/* background-color: aquamarine; */
		
		display: flex;
		justify-content: space-around;
		
		
	}
	.top-area .right .r-msg {
		width: 17vw;
		
		display: flex;
		flex-direction: column;
		/* background-color: #63c1ff; */

	}
	.top-area .right .r-msg .r-title{
		color: #FFF;
		font-size: 1.7rem;
		font-weight: 500;
		margin: 5% 0;
	}
	.top-area .right .r-msg .r-text {
		margin: 2% 1%;
		font-size: 1.2rem;
		font-weight: 400;
		
		color: #9FB3D0;
		text-decoration: none;
	}
	
	
	
	.btm-area {
		width: 100%;
		height: 5vh;
		background: #103365;
		font-size: 1rem;
		font-weight: 500;
		
		display: flex;
		align-items: center;
		justify-content: center;
	}



/* 适用于桌面设备 */
/* @media (min-width: 1025px) {
	
	

} */

/* 适用于平板设备 */
/* @media (min-width: 768px) and (max-width: 1024px) {
	


} */


/* 适用于手机设备 */
/* @media (max-width: 767px) {
	
} */