.list23 li {
	transition: all .5s;
	margin-bottom: 1rem;
}

.list23 .tit {
	background: #fff;
	align-items: center;
	padding: 1.2rem 4rem;
	transition: all .5;
	position: relative;
	z-index: 1;
}

.list23 .tit:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--themeColor2);
	opacity: 0;
	transition: .5s;
}

.list23 .tit .ll1,
.list23 .tit .ll2,
.list23 .tit .ll3,
.list23 .tit .ll4 {
	flex: 1;
	overflow: hidden;
	font-size: var(--f17);
	color: #3B3B3B;
	transition: all .5s;
	line-height: 1.5;
}

.list23 .tit .ll1 {
	font-size: var(--f22);
	color: #3B3B3B;
	display: flex;
	align-items: center;
    font-weight:bold ;
}

.list23 .tit .ll1 img {
	margin: 0 .2rem 0 0;
	width: .21rem;
}

.list23 .tit .close1 {
	display: flex;
	width: 35px;
	height: 35px;
	border-radius: 50vw;
	align-items: center;
	justify-content: center;
	font-size: var(--f14);
	color: #fff;
	cursor: pointer;
	transition: all .5s;
	border: 1px solid #c5c5c5;
	position: relative
}

.list23 .tit .close1:before {
	content: "";
	position: absolute;
	width: 15px;
	height: 1px;
	background: #c5c5c5;
}

.list23 .tit .close1:after {
	content: "";
	position: absolute;
	width: 15px;
	height: 1px;
	background: #c5c5c5;
	transform: rotate(90deg);
	transition: .5s;
}

.list23 .content {
	padding: 3rem;
	display: none;
	background: #fff;
	color: #515151;
}

.list23 .content .box {
	width: 46%;
	padding: 0;
}

.list23 .content .arc-con::-webkit-scrollbar {
	width: 3px;
	height: 0
}

.list23 .content .arc-con::-webkit-scrollbar-track {
	background: transparent;
}

.list23 .content .arc-con::-webkit-scrollbar-thumb {
	background: #ba9364;
	border-radius: 0
}

.list23 .content h3 {
	font-size: var(--f17);
	margin-bottom: .4rem;
	overflow: hidden;
}

.list23 .arc-con1 {
	position: relative;
}

.list23 .arc-con {
	position: relative;
	margin-bottom: 3rem;
    font-size:var(--f17) ;
    font-family: 'pingfangm-font';
}

.list23 .arc-con p {
	margin-bottom: 0;
	position: relative;
	line-height: 2;
	z-index: 1;
	font-size: var(--f16);
}

.list23 .arc-con:last-child {
	margin-bottom: 0
}

/* .list23 .content .bottom {
	margin: .5rem 0 0;
	justify-content: center;
	align-items: center
}

.list23 .content .bottom .a {
	display: inline-block;
	background: #ba9364;
	line-height: .48rem;
	font-size: var(--f18);
	color: #fff;
	padding: 0 .25rem;
	border-radius: 50vw;
	transition: all .5s;
}

.list23 .content .bottom span {
	font-size: .14rem;
	color: #3d3030;
	line-height: .18rem;
	position: relative;
	z-index: 1;
	display: block;
	margin: 0 .15rem 0 .35rem;
	padding: 0 .15rem 0 0;
}

.list23 .content .bottom span:before {
	content: "";
	position: absolute;
	right: 0;
	width: 1px;
	height: .32rem;
	top: 50%;
	margin: -.16rem 0 0;
	background: #e5e5e5;
}

.list23 .content .bottom i {
	font-size: .3rem;
	color: #262020;
	font-family: 'BarlowCondensed';
} */

.list23 li.on {
	overflow: hidden;
}

.list23 li.on .tit:before {
	opacity: 1
}

.list23 li.on .tit .close1 {
	/* background: #ffffff; */
	color: #ba9364;
	border: 1px solid #fff;
}

.list23 li.on .tit .close1:before {
	background: #fff
}

.list23 li.on .tit .close1:after {
	background: #fff;
	transform: rotate(0deg);
}

.list23 li.on .tit * {
	color: #fff
}

.list23 .content .bottom .a:hover {
	background: #d3a772;
}

.more5 {
	width: 12rem;
	height: 3rem;
	border-radius: .5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--f18);
	color: #fff !important;
	/* padding: 0 .15rem; */
	margin: 3rem 0 0;
	transition: .5s;
	/* background-image: linear-gradient(90deg, rgb(0, 128, 212) 0%, rgb(33, 196, 102) 100%); */
	background: var(--themeColor);
}

.list23 .content .h3-6 {
	font-size: var(--f26);
	color: #000000;
	margin-bottom: 2rem;
}


.join-weilai .lt{
    flex:1;
}
.join-weilai .lt .icon{
    /* width: 4rem; */
    color: var(--themeColor);
    display: inline-block;
    transform: rotateY(180deg);
    font-size: var(--f42);
}
.join-weilai .lt .tt{
    font-size: var(--f30);
    font-weight: bold;
    margin-top: 1.8rem;
}
.join-weilai .lt .ar_article{
    margin-top: 1.8rem;
    font-size:var(--f20) ;
    color: #212121;
    font-family: 'pingfangm-font';
}
.join-weilai .rt{
    width: 50%;
    border-radius: 1rem;
    overflow: hidden;
}
.join-weilai .rt .img-db,
.join-weilai .rt .video-bg{
    height:auto ;
    aspect-ratio: 805/470;
    overflow: hidden;
}
.join-weilai .rt .video-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.join-weilai .flexjs{
    gap: 8rem;
}
.join-weilai .bd .swiper{
    overflow: unset;
    border-top: 2px solid #ececec;

}
.join-weilai .bd a{
    font-size: var(--f26);
    font-weight:bold ;
    transition: color .5s;
    position: relative;
    padding-top: .9rem;
    display: block;
    text-align:center ;
}
.join-weilai .bd .swiper-slide-thumb-active a,
.join-weilai .bd a:hover{
    color: var(--themeColor2);
}

.join-weilai .bd a::after{
    content: '';
    left: 50%;
    top: -4px;
    transform: translateX(-50%);
    position: absolute;
    background: var(--themeColor2);
    height: 5px;
    width: 0;
}

.join-weilai .bd .swiper-slide-thumb-active a::after,
.join-weilai .bd a:hover::after{
    width: 100%;
}



.join{
    background-color:#f6f6f6;
}