/*---------------------------- 一段话----------------------- */
.paragraph {
	width: 85rem;
	/* width: 1360px; */
	height: auto;
	margin: 3.75rem auto 5rem;
	/* margin: 60px auto 80px; */
	text-align: center;
	font-size: 1.25rem;
	/* font-size: 20px; */
	font-family: 'SourceHanSansCN-Regular';
	color: #333333;
}

/*---------------------------- 团队图片----------------------- */
.team {
	width: 100rem;
	height: auto;
	/* padding-top: 4.125rem; */
	margin: 0 auto;
}

.team-title {
	width: 100%;
	text-align: center;
	font-size: 2.125rem;
	/* font-size: 34px; */
	font-family: 'SourceHanSansCN-Medium';
	color: #333333;
}

.team-div {
	position: relative;
	overflow-x: hidden;
	height: 27.5rem;


	margin-top: 2.875rem;
	/* margin-top: 46px; */
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#carouselContainer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#carouselContainer:hover .team-left,
#carouselContainer:hover .team-right {
	opacity: 1;
}

.team-div::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 5rem;
	height: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
	pointer-events: none;
}

/*.team-left,*/
/*.team-right {*/
/*	z-index: 10;*/
/*	opacity: 0;*/
/*	transition: opacity 0.3s;*/
/*	width: 3.5rem;*/
/*	!* width: 56px; *!*/
/*	height: 10.9375rem;*/
/*	!* height: 175px; *!*/
/*	cursor: pointer;*/
/*	background-size: 100% 100%;*/
/*}*/

/*.team-left {*/
/*	background-image: url(../../img/web/careers/c-left-1.png);*/
/*}*/

/*.team-right {*/
/*	background-image: url(../../img/web/careers/c-right-1.png);*/
/*}*/

.team-left,
.team-right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px; /* 按钮宽度 */
	height: 40px; /* 按钮高度 */
	background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */
	border-radius: 50%;
	cursor: pointer;
	z-index: 10;
}

.team-left {
	left: 10px;
	background-image: url(../../img/web/careers/c-left-1.png); /* 替换为你自己的箭头图标 */
	background-size: 60% auto;
	background-position: center;
	background-repeat: no-repeat;
}

.team-right {
	right: 10px;
	background-image: url(../../img/web/careers/c-right-1.png);
	background-size: 60% auto;
	background-position: center;
	background-repeat: no-repeat;
}

.team-ul {
	display: flex;
	gap: 20px;
	transition: transform 0.5s ease-in-out;
	will-change: transform;
	padding-left: 0;
	margin-left: 0;
	list-style: none;
	width: max-content; /* 让 ul 宽度自适应所有图片 */
	z-index: 1;
	/*display: flex;*/
	/*flex-wrap: nowrap; !* 禁止换行 *!*/
	/*transition: transform 0.5s ease-in-out;*/
	/*width: 90.25rem;*/
	/*margin: 0;*/
	/*padding: 0;*/
	/*list-style: none;*/
	/*display: flex;*/
	/*justify-content: space-between;*/
}

/*.team-ul-li {*/
/*	flex-shrink: 0;*/


/*	width: 21.875rem;*/
/*	!* width: 350px; *!*/
/*	height: 14.75rem;*/
/*	!* height: 236px; *!*/
/*	display: inline-block;*/
/*	overflow: hidden;*/
/*}*/
.team-ul-li {
	flex: 0 0 auto;
	width: calc(25% - 0px); /* 4个等宽项，减去 margin */
	margin-right: 15px;
}
.team-ul-li:last-child {
	margin-right: 0;
}
.team-ul-li:first-child {
	margin-left: 0;
}

.team-img {
	width: 100%;
	height: 100%;
	transition: transform 0.5s ease;
	object-fit: cover;
}

.team-ul-li:hover .team-img {
	transform: scale(1.1);
}

/*---------------------------- 工作列表----------------------- */
.job {
	width: 100rem;
	margin: 3.75rem auto 0;
	/* margin: 60px auto 0; */
}

.job-1-title {
	width: 100%;
	display: flex;
	align-items: flex-start;
}

.job-1-title-span {
	background-color: #0781c5;
	width: 0.25rem;
	height: 1.875rem;
	display: inline-block;
}

.job-1-title-p {
	width: 30.2rem;
	/* width: 496px; */
	height: 2rem;
	display: inline-block;
	font-family: 'SourceHanSansCN-Bold';
	color: #333333;
	font-size: 1.625rem;
	margin: 0;
	line-height: 2rem;
	padding-left: 0.8rem;
}

.job-input-div {
	width: 78.5rem;
	height: 4.125rem;
	line-height: 4.125rem;
	padding: 0 2rem;
	border: 0.0625rem solid #0780c3;
	margin: 2.75rem auto 0;
	color: #a3a3a3;
	font-size: 1.125rem;
	font-family: 'SourceHanSansCN-Regular';
}

/*---------------------------- 常问问题----------------------- */
.fqa {
	width: 100rem;
	margin: 3.75rem auto 0;
	/* margin: 60px auto 0; */
}

.job-1-title {
	margin-bottom: 2rem;
}

.fqa-1 {
	width: 100%;
	margin-bottom: 0.875rem;
}

.fqa-problem {
	width: 100%;
	height: 4.125rem;
	background-color: #edf6fb;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	cursor: pointer;
}

.problem-p1 {
	padding-left: 1rem;
	width: 89rem;
	font-family: 'SourceHanSansCN-Medium';
	color: #333333;
	font-size: 1.25rem;
	line-height: 4.125rem;
}

.problem-p2 {
	color: #0781c5 !important;
}

.fqa-img {
	width: 1.875rem;
	height: 1.875rem;
	display: inline-block;
}

.fqa-answer {
	width: 90%;
	background-color: #f9f9f9;
	padding: 1.5rem 5%;
	font-size: 1.125rem;
	color: #333333;
	font-family: 'SourceHanSansCN-Regular';
	line-height: 2.0625rem;
}

/*---------------------------- 诈骗警报----------------------- */
.fraud {
	width: 100rem;
	margin: 3.75rem auto 0;
	/* margin: 60px auto 0; */
}

.fraud-p {
	font-size: 1.25rem;
	color: #333333;
	font-family: 'SourceHanSansCN-Regular';
	line-height: 2.3125rem;
}

.fraud-a {
	text-decoration: none;
	cursor: pointer;
	color: #436cff;
}

/* ---------------------------- 填写表格 ------------------------ */
.table {
	width: 100%;
	height: 69.25rem;
	/* height: 1108px; */
	background-image: url(../../img/web/contact/contact-b.png);
	background-size: 100% 100%;
}

.table-div {
	width: 100rem;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding: 3rem 0 4.875rem;
}

.table-1 {
	width: 50%;
	display: inline-block;
	/* float: left; */
}

.table-1-p {
	width: 100%;
	font-size: 1.25rem;
	/* font-size: 20px; */
	font-family: 'SourceHanSansCN-Medium';
	color: #333333;
}

.table-input1,
.table-input2,
.table-input3 {
	height: 4.375rem;
	/* height: 70px; */
	line-height: 4.375rem;
	margin: 0 auto;
	background-color: #ffffff;
	border: #0781c5 0.0625rem solid;
	padding: 0 2rem;
	color: #a3a3a3;
	font-size: 1.125rem;
	font-family: 'SourceHanSansCN-Regular';
	display: block;
}

.table-input1 {
	width: 43.125rem;
	/* width: 754px; */

}

.table-input2 {
	width: 93.25rem;
	/* width: 1556px; */
}

.table-input4 {
	width: 90.5rem;
	/* width: 1556px; */
	display: inline-block;
	border: none;
	line-height: 3.375rem;
	color: #a3a3a3;
	font-size: 1.125rem;
	font-family: 'SourceHanSansCN-Regular';
}

.input-div {
	width: 93.25rem;
	/* width: 1556px; */
	display: flex;
	height: 4.375rem;
	/* height: 70px; */
	margin: 0 auto;
	background-color: #ffffff;
	border: #0781c5 0.0625rem solid;
	padding: 0 2rem;
	align-items: center;
	justify-content: space-between;
}

.input-div-img {
	width: 1.875rem;
	height: 1.875rem;
	display: inline-block;
	cursor: pointer;
}

.table-input1:focus {
	outline: none;
	color: #333333;
}

.table-input2:focus {
	outline: none;
	color: #333333;
}

.table-input3:focus {
	outline: none;
	color: #333333;
}

.table-input4:focus {
	outline: none;
	color: #333333;
}

.table-2 {
	width: 100%;
	/* float: left; */
}

.table-radio {
	width: 93.25rem;
	margin: 0 auto;
	font-size: 1.125rem;
	font-family: 'SourceHanSansCN-Regular';
	color: #333333;
}

.table-radio-ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.table-radio-ul-li {
	list-style: none;
	display: inline-block;
	width: 33%;
	margin-bottom: 1.3rem;
}

.table-radio-ul-radio {
	width: 1.375rem;
	height: 1.375rem;
	margin-right: 1rem;
	float: left;
}

.table-input3 {
	width: 93.25rem;
	/* width: 1556px; */
	height: 12rem;
	/* height: 192px; */
	text-align: left;
}

.table-button {
	width: 18.75rem;
	height: 3.375rem;
	line-height: 3.375rem;
	/* width: 300px;
	 height: 54px;
	 line-height: 54px;
	 margin-top: 70px;*/
	font-family: 'SourceHanSansCN-Medium';
	font-size: 1.375rem;
	/* font-size: 22px; */
	color: #ffffff;
	background-color: #0780c4;
	border: 0.5px solid #ffffffab;
	text-align: center;
	/* box-shadow: 4px 5px 7px #1010103b; */
	cursor: pointer;
	transition: background-color 0.5s;
	margin: 0 auto;

	/* margin-top: 4.375rem; */
	display: flex;
	align-items: center;
	justify-content: center;
}

.table-button:hover {
	background-color: #1a5fc7;
}

@keyframes slideUp {
	0% {
		transform: translateY(50px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.animate-slide-up {
	animation: slideUp 1s ease-out forwards;
}


@keyframes fadeInScale {
	0% {
		opacity: 0;
		transform: translateY(30px) scale(0.95);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.animate-fade-in {
	opacity: 0;
	transform: scale(0.95);
	animation: fadeInScale 1s ease-in-out forwards;
}