.tab-items{
	.active-tab-bar{
		position: absolute;
		bottom: 1px;
		height: 1px;
		background-color: #039be5;
		width: .2rem;
	}
	.tab-item-title{
		padding:0 .06rem;
		margin: 0 .12rem;
    line-height: .2rem;
		&.active-tab{
			color: #007ed9;
		}
	}
}
.tab-nav{
	border-bottom: 1px solid #e6eaed;
	&.border-1px:after{
		border-bottom: 1px solid #e6eaed;
    }
	[role='left'],[role='right']{
		position:absolute;
		top:0;
		min-width: .76rem;
		line-height: .44rem;
	}
	[role='left']:after,[role='right']:after{
		content: "";
		display: block;
		clear: both;
	}
	[role='right']{
		text-align:right;
		right: 0;
		padding-right: 0.12rem;
	}
	[role='left']{
		text-align:left;
		left: 0;
		padding-left: 0.12rem;
	}

}
header.tab-nav{
	font-size: .16rem;
	position: relative;
	display: flex;
	[role='center']{
		flex: auto;
		text-align:center;
	}
}

div.tab-nav{
	font-size: .16rem;
	position: relative;
	white-space: wrap;
	.avatar-original{
		margin-bottom: 0.28px;
	}
    .tab-card{
    	padding-bottom: 0.12rem;
    }
	.tab-card:after{
		content:'';
		clear: both;
		display: block;
	}
	[role='center']{
		text-align:center;
		padding: 22px .12rem 0 .12rem;
	}
	.title:first-line{
		width: .2rem;
	}
	.title{
		font-size: .2rem;
		font-weight: 700;
		line-height: .24rem;
		color: #667580;
		padding: .08rem 0 0.04rem 0;
	}
	.sub-title{
		font-size: .12rem;
		line-height: .14rem;
		color: #667580;
	}
	.tab-items{
		text-align: center;
		margin-top: .12rem;
		margin-bottom: .1rem;
	}
}