.zktabbartwo{
	&-head{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		background-color: #FFFFFF;
		&-matter{
			width: 750rpx;
			padding: 20rpx 30rpx;
			&_cot{
				height: 80rpx;
				border-radius: 80rpx;
				background-color: #ecedef;
				flex-direction: row;
				align-items: center;
				padding: 0 30rpx;
				&_input{
					flex: 1;
					font-size: 32rpx;
					margin-left: 15rpx;
				}
			}
		}
		&_ul{
			margin-top: 20rpx;
			&-scroll{
				flex-direction: row;
				&-box{
					flex-direction: row;
				}
				&-li{
					flex-direction: column;
					padding: 0 12px;
					height: 70rpx;
					&_text{
						flex: 1;
						@include styleFont(#797c81, 32rpx);
					}
					&_line{
						height: 8rpx;
						border-radius: 8rpx;
						background-color: #FFFFFF;
					}
					&_activtext{
						color: #000000;
					}
					&_activline{
						background-color: #4982d8;
					}
				}
			}
		}
	}
	&-perch{
		background-color: #f2f3f4;
		height: 210rpx;
	}
	&-box{
		background-color: #f2f3f4;
		padding-bottom: 20rpx;
	}
	&-ul{
		&_thead{
			background-color: #f2f3f4;
			font-size: 24rpx;
			color: #888888;
			padding: 30rpx;
		}
		&_menu{
			border-radius: 20rpx;
			background-color: #FFFFFF;
			flex-direction: row;
			flex-wrap: wrap;
			&-mli{
				flex-direction: column;
				align-items: center;
				justify-content: center;
				border-color: #f5f5f5;
				border-right-style: solid;
				border-right-width: 1rpx;
				border-bottom-style: solid;
				border-bottom-width: 1rpx;
				&-icon{
					width: 100rpx;
					height: 100rpx;
					border-radius: 10rpx;
					flex-direction: row;
					align-items: center;
					justify-content: center;
				}
				&-mtext{
					margin-top: 10rpx;
					text-align: center;
					@include styleFont(#1e1e1e, 30rpx);
					font-weight: 500;
					@include onlyLineEllipsis;
				}
			}
		}
	}
}