.join-det .head{
	display: flex;
	align-items: flex-end;
	gap: 1rem;
	padding-bottom: 2rem;
	position: relative;
	border-bottom: 2px solid #ebecee;
}
.join-det .head::after{
	position: absolute;
	content: '';
	display: block;
	width: 18rem;
	background: var(--themeColor);
	left: 0;
	bottom: -2px;
	height: 2px;
}
.join-det .head .tt{
	font-size: var(--f30);
	color: #000000;
	font-weight: bold;
	transition: color .5s;
	flex: 1;
}
.join-det .head .desc{
	display: flex;
	gap: 2rem;
	margin-top: 1rem;
}
.join-det .head .desc .desc-item{
	display: flex;
	align-items: center;
	gap: .5rem;
}
.join-det .head .desc .desc-item i{
	font-size: var(--f22);
	color: var(--themeColor);
}
.join-det .head .desc .desc-item span{
	color: var(--themeColor);
	font-size: var(--f16);
	font-weight: 300;
}
.join-det .cont .item{
	margin-top: 3rem;
}
.join-det .cont .item .tt{
	color: var(--themeColor);
	font-size: var(--f22);
}
.join-det .cont .item .ar_article{
	line-height: 2;
	font-size: var(--f18);
	color: #000;
	font-weight:lighter;
	margin-top: 1rem;
}
.join-det .cont .pub-btn{
	padding: .7rem 1.4rem;
	font-size: var(--f18);
	display: flex;
	align-items: center;
	gap: .8rem;
}
.join-det .cont .pub-btn i{
	font-size: var(--f22);
}