page {
	background-color: #fff;
}
.top-bar{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 5;
}
.tab-nav {
	height: 45rpx;
	line-height: 45rpx;
	font-size: 32rpx;
	color: #666666;
	padding: 30rpx 30rpx 30rpx;
}

.tab-nav-item {
	margin-right: 50rpx;
}

.tab-nav-item-active {
	font-size: 32rpx;
	font-weight: bold;
	color: #DB2A2A;
	position: relative;
}

.tab-nav-item-active::after {
	content: '';
	position: absolute;
	bottom: -10rpx;
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
	height: 6rpx;
	background-color: #DB2A2A;
}

/* 搜索 */
.search {
	background-color: #fff;
	z-index: 3;
	width: 100%;
	height: 100rpx;
	padding: 10rpx 30rpx 30rpx;
	box-sizing: border-box;
}

.search-bar {
	height: 60rpx;
	background: #F7F7F7;
	border-radius: 30rpx;
	padding: 0 26rpx 0 32rpx;
}

.search-bar .ssico {
	width: 31rpx;
	height: 31rpx;
	margin-right: 7rpx;
}

.search-bar.ipt {
	font-size: 28rpx;
	color: #32363F;
}

.search-bar .placeholder {
	color: #999;
}

/* 分类 */
.rec-association-2 {
	padding: 0rpx 30rpx 0;
	opacity: 1;
	width: 100%;
	box-sizing: border-box;
	height: 80rpx;
	z-index: 5;
	background: #fff;
}
.rec-association-nav-2{
	position: relative;
}
.rec-association-nav-m-2{
	position: absolute;
	right: 0;
	top: 0;
	bottom:0;
	width: 55rpx;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #FFFFFF 100%);
	/* background: #000; */
	opacity: 1;
}
.rec-association-scroll-2 {
	white-space: nowrap;
	overflow: hidden;
	height: 80rpx;
}

.rec-association-scroll-2 ::-webkit-scrollbar {
	width: 0;
	height: 0;
	color: transparent;
	display: none;
}
.rec-association-scroll-item-2{
	/* max-width: 128rpx; */
	overflow: hidden;
	font-size: 28rpx;
	display: inline-block;
	margin-right:20rpx;
	color: #666;
	padding: 8rpx 30rpx;
	border-radius: 50rpx 50rpx 50rpx 50rpx;
	height: 40rpx;
	line-height:  40rpx;
	border: 1rpx solid #E8E8E8;
}
.rec-association-scroll-item-2-active{
	color: #333333;
	position: relative;
	background: #E8E8E8;
	border: 1rpx solid #E8E8E8;
}
.rec-association-nav-icon-2{
	width: 38rpx;
	height: 32rpx;
	margin-left: 40rpx;
	margin-top: 4rpx;
}
.add{
	height: 80rpx;
	line-height: 60rpx;
	font-size: 28rpx;
	color: #333333;
}

/* 数据 */
.card-item{
	padding: 30rpx;
}
.header{
	width: 120rpx;
	height: 120rpx;
	border-radius: 100%;
	margin-right: 15rpx;
}
.name{
	line-height: 47rpx;
	font-size: 32rpx;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	margin-top: 6rpx;
}
.name text{
	line-height: 29rpx;
	font-size: 20rpx;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #999999;
}
.company{
	line-height: 36rpx;
	font-size: 24rpx;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #999999;
}
.label{
	padding: 0 10rpx;
	height: 36rpx;
	border-radius: 5rpx 5rpx 5rpx 5rpx;
	opacity: 1;
	border: 2rpx solid #4C8EF1;
	font-size: 20rpx;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #4C8EF1;
	line-height: 36rpx;
	text-align: center;
	display: inline-block;
	margin-top: 6rpx;
}
.card-btn{
	width: 125rpx;
	height: 50rpx;
	border-radius: 50rpx 50rpx 50rpx 50rpx;
	font-size: 22rpx;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	line-height: 46rpx;
	text-align: center;
	margin-left: 10rpx;
	box-sizing: border-box;
}
.btn1{
	background: #FFDCDC;
	color: #DB2A2A;
}
.btn2{
	background: #F0F0F0;
	color: #333333;
}
.btn3{
	border: 2rpx solid #999999;
	color: #333333;
}

/* 更多操作 */
.more{
	position: relative;
	margin-left: 10rpx;
	padding: 30rpx 0;
}
.dian view{
	width: 8rpx;
	height: 8rpx;
	background: #333333;
	opacity: 1;
	border-radius: 100%;
	margin-right: 8rpx;
}
.more-content-position{
	position: absolute;
	bottom: -190rpx;
	right: -12rpx;
	z-index: 110;
}
.more-content{
	width: 230rpx;
	background: #4C4C4C;
	box-shadow: 0rpx 6rpx 20rpx 1rpx rgba(168,168,168,0.16);
	border-radius: 6rpx 6rpx 6rpx 6rpx;
	opacity: 1;
	border: 1px solid #F2F2F2;
	position: relative;
	padding: 30rpx;
	box-sizing: border-box;
}
.more-content::before{
	position: absolute;
	top: -42rpx;
	right: 10rpx;
	content: '';
	width: 0px;
	height: 0px;
	border-left: 28rpx solid transparent;
	border-right: 28rpx solid transparent;
	border-top: 28rpx solid transparent;
	border-bottom: 28rpx solid #4C4C4C;
}
.more-content-item{
	height: 42rpx;
	font-size: 30rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 42rpx;
	border-bottom: 1px solid #676363;
	padding-bottom: 20rpx;
	margin-bottom: 20rpx;
}
.more-content-item:last-child{
	border-bottom: none;
	padding-bottom: 0rpx;
	margin-bottom: 0rpx;
}
.ceng{
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* 创建名片 */
.option{
	position: fixed;
	bottom: 60rpx;
	left: 0;
	right: 0;
}
.option-btn{
	width: 325rpx;
	height: 80rpx;
	line-height: 80rpx;
	background: #DB2A2A;
	border-radius: 50rpx 50rpx 50rpx 50rpx;
	opacity: 1;
	font-size: 28rpx;
	color: #FFFFFF;
	justify-content: center;
	margin-right: 30rpx;
}
.option-btn:last-child{
	margin-right: 0rpx;
}