.join-jz .bd-swiper .swiper-slide{
	border-radius: 1rem;
	overflow: hidden;
}
.join-jz .bd-swiper .img-db{
	height: auto;
	aspect-ratio: 1250/620;
	position: relative;
}
.join-jz .bd-swiper .txt{
	position: absolute;
	color: #fff;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 2rem 2.5rem;
	opacity: 0;
	transition: all .5s;
}
.join-jz .bd-swiper .swiper-slide-active .txt{
	opacity: 1;
}
.join-jz .bd-swiper .txt .tt{
	font-size: var(--f30);
}
.join-jz .bd-swiper .txt .subt{
	font-size: var(--f22);
	font-weight: bold;
	margin-bottom: .5rem;
}

.join-jz .swiper-pagination{
	--swiper-pagination-bottom:0;
	--swiper-pagination-bullet-width:.55rem;
	--swiper-pagination-bullet-height:.55rem;
	--swiper-pagination-bullet-horizontal-gap:.3rem;
}
.join-jz .swiper-pagination-bullet{
	border-radius: 4rem;
	opacity: 1;
	background: #d8dadd;
	transition: all .5s;
}
.join-jz .swiper-pagination-bullet-active{
	background: var(--themeColor);
	width: 1.7rem;
}
.join-jz  .cont{
	position: relative;
	padding-bottom: 3rem;
}


.join-gw .lt{
	width: 100%;
	max-width: 18rem;
}
.join-gw .lt .lt-s{
	position: sticky;
	top: calc(var(--headerHeight) + 2rem);
}
.join-gw .join-gw-menu .item{
	border-top: 1px solid #d6d7d9;
}
.join-gw .join-gw-menu .tt{
	font-size: var(--f26);
	padding: 1rem 0;
	cursor: pointer;
}
.join-gw .join-gw-menu .tt i{
	font-size: var(--f20);
	transform: rotate(90deg);
	transition: all .5s;
}
.join-gw .join-gw-menu .box{
	padding: 0 0 1rem;
}
.join-gw .join-gw-menu .layui-form-radio>*{
	font-size: var(--f20);
}
.join-gw .join-gw-menu .layui-form-radio>i{
	font-size: var(--f26);
}
.join-gw .join-gw-menu .layui-form-radio{
	display: block;
	margin: 0;
	margin-bottom: .8rem;
}
.join-gw .join-gw-menu .box{
	display: none;
}
.join-gw .join-gw-menu .item.on .tt i{
	transform: rotate(-90deg);
}

.join-gw .rt{
	width: 100%;
	max-width: 60rem;
}

/* 空数据状态 */
.join-list .empty-data{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 4rem 0;
	text-align: center;
}
.join-list .empty-data i{
	font-size: 4rem;
	color: #c8cdd3;
	margin-bottom: 1.5rem;
}
.join-list .empty-data p{
	font-size: var(--f18);
	color: #999;
	margin: 0;
}
.join-list .item{
	margin-bottom: 1rem;
}
.join-list .item .tt{
	position: relative;
	background: #fff;
	padding: 1.4rem 2.2rem;
	border-radius: .6rem;
	overflow: hidden;
	transition: all .5s;
	cursor: pointer;
}
.join-list .item .tt .tt-flex-lt{
	width: 80%;
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	align-items: center;
}
.join-list .item .tt .tts h5{
	font-size: var(--f24);
}
.join-list .item .tt .tts p{
	color: #838386;
	margin-top:.2rem;
	transition: all .5s;
}
.join-list .item.on .tt,
.join-list .item.on .tt .date,
.join-list .item.on .tt .tts p
{
	color: #fff;
}
.join-list .item .tt .date{
	font-family: 'robr-font';
	font-size: var(--f17);
	color: #6a6a7c;
	transition: all .5s;
}
.join-list .item .tt .date i{
	font-size: var(--f18);
}

.join-list .item .ar_article{
	max-height: 30rem;
	overflow-y: auto;
}
.join-list .item .tt::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/gwbtn.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0;
	transition: all .5s;
}
.join-list .item.on .tt::after{
	opacity: 1;
}
.join-list .tt .tt-flex{
	position: relative;
	z-index: 2;
}

.join-list .item .jia{
	background: var(--themeColor);
	transition: all .5s;
	border-radius: 50rem;
	width: 1.6rem;
}
.join-list .jia::before,
.join-list .jia::after{
	width: 40%;
}

.join-list .item.on .jia{
	background: var(--themeActColor);
}
.join-list .item.on .jia::before {
	transform: translate(-50%, -50%) rotate(180deg);
	opacity: 1;
}

.join-list .item.on .jia::after {
	transform: translate(-50%, -50%) rotate(180deg);
	opacity: 0;
}
.join-list .item .box{
	border-radius: .6rem;
	margin-top: .6rem;
	padding: 3rem 2.2rem;
	background: #fff;
	display: none;
}



/* 邮箱投递 */
.join-td .grid{
	gap: 2.5rem;
}
.join-td .item{
	background: #fff;
	border-radius: .6rem;
	padding: 2rem 2.8rem;
}
.join-td .item .tt{
	display: flex;
	align-items: center;
	gap: 1rem;
}
.join-td .item .tt .cir-icon{
	border: 2px solid var(--themeColor);
	width: 2.6rem;
}
.join-td .item .tt h5{
	font-size: var(--f26);
	font-weight: 400;
}
.join-td .item .cont{
	color: #000;
	font-size: var(--f26);
	height: 3rem;
}
.join-td .item .fot_cont{
	font-size: var(--f17);
	line-height: 1.6;
	min-height: calc(3 * 1.6 * 1em);
}

.join-td .item.td .cont{
	overflow-x: auto;
}
.join-td .item-san{
	width: 6.5rem;
	height: 100%;
	display: flex;
	align-items: center;
	border: 1px solid #dedee3;
	justify-content: center;
	border-radius: .6rem;
	position: relative;
	overflow: hidden;
}
.join-td .item-san img{
	width: 80%;
	height: 80%;
	object-fit: contain;
}
.join-td .item-san .hover{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--themeColor);
	opacity: 0;
	color: #fff;
	font-size: var(--f15);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .5s;
}
.join-td .td-flex-cont{
	gap: .6rem;
}
.join-td .item-san:hover .hover{
	opacity: 1;
}


/* 品牌信任 */
.join-pp .rt{
	width: 100%;
	max-width: 35rem;
}
.join-pp .lt{
	width: 100%;
	max-width: 40rem;
}
.join-pp .jiangbei{
	height: 100%;
	width: auto;
}
.join-pp  .pp-list{
	max-height: 37rem;
	overflow-y: auto;
}
.join-pp  .pp-list .item{
	display: flex;
	align-items: center;
	gap: 2rem;
	border-bottom: 1px solid #dedfe1;
	padding: 1.4rem 1rem;
	justify-content: space-between;
}
.join-pp  .pp-list .item .jb-icon{
	font-size: var(--f38);
	color: var(--themeColor);
}
.join-pp  .pp-list .item .tt{
	font-size: var(--f18);
	font-weight: bold;
}
.join-pp  .pp-list .item .jt{
	transform: rotate(180deg);
	font-size: var(--f18);
	font-weight: 300;
}
.join-pp  .pp-list .item .item-cont-lt{
	width: 75%;
	gap: 2rem;
}

/* join-jz 非活跃 slide 可点击 */
.join-jz .bd-swiper .swiper-slide {
	cursor: pointer;
}