.@{prefix}{
	&tab-vertical, &tab-vertical-bor{
		font-size: @font-size-md;
		//padding-left: @padding-horizon
		.@{prefix}tab-item:last-child, .@{prefix}tab-item-icon:last-child{
			border-bottom: 0;
		}

		.@{prefix}tab-item, .@{prefix}tab-item-icon{
			position: relative;
			&>a, &>p{
				display: block;
				padding: 0 @padding-horizon;
				height: @tabs-height;
				line-height: @tabs-height;

			}
			&>button{
				font-size: @font-size-md;
				font-family: inherit;
				border:0;
				background: none;
				padding: 0 @padding-horizon;
				height: @tabs-height;
				line-height: @tabs-height;
				width: 100%;
			}
			.@{prefix}tab-dock{
				font-size: @font-size;
				position: absolute;
				right:0;
				top:0;
				height: @tabs-height;
				line-height: @tabs-height;
				display: flex;
				.@{prefix}tab-dock-button{
					display: inline-block;
					font-family: inherit;
					//font-size: inherit;
					height: @tabs-height;
					line-height: @tabs-height;
					padding: 0 @padding-vertical;
					background: none;
					border:0;
					border-left: 1px @line-color solid;

				}
				.@{prefix}tab-dock-text{
				 
					line-height: @tabs-height;
					color: @font-color-light;
					padding:0 @padding-horizon 0 0;
					margin:0;
				}
			}
		}

		.@{prefix}tab-item-icon{
			padding-left: 0.7*@tabs-height;
			&>i{
				position: absolute;
				left:0;
				top:0;
				height: @tabs-height;
				line-height: @tabs-height;
				padding-left: @padding-horizon;
				text-align: center;
				font-size: @font-size-lg;
				color: @font-color-light;
			}
		}

		.@{prefix}tab-item-arrow{
			position: relative;
			&:after{
				position: absolute;
				width: @tabs-height;
				text-align: center;
				top:0;
				right:0;
				content: "\e61c";
				font-family: "iconfont";
				height: @tabs-height;
				line-height: @tabs-height;
			}
		}
	}

	&tab-vertical-bor{
		.@{prefix}tab-item,.@{prefix}tab-item-icon{
			border-bottom:1px @line-color solid;
		}
		&:last-child{
			border-bottom: 0;
		}
	}

	&tab-horizon{
		height: @tabs-horizon-height;
 
	
		&:after{
			clear: both;
			height: 0;
			line-height: 0;
			overflow: hidden;
		}
		.@{prefix}tab-item{

		
			display: inline-block;
			font-size: @font-size-md;
			height: @tabs-horizon-height;
			line-height:@tabs-horizon-height;
			text-align: center;
			float:left;
		}

		.@{prefix}tab-item-current{
			border-bottom:2px @color-primary solid;
			color: @color-primary !important;
		}
	}

	&tab-side{
		height: 100%;
		background: @color-secondary;
		border-right:1px @line-color solid;
		line-height: 1.2;
		background: @color-secondary;
		&:after{
			clear: both;
			height: 0;
			line-height: 0;
			overflow: hidden;
		}
		.@{prefix}tab-item{
			font-size: @font-size-md;
			//height: @tabs-side-height;
			//line-height:@tabs-side-height;
			padding: @tabs-side-padding;
			border-bottom:1px @line-color solid;
			cursor: pointer;
		}

		.@{prefix}tab-item-current{
			margin-right: -1px;
			border-left:2px @color-primary solid;
			color: @color-primary !important;
			background: #fff;
		}

		.tab-item-tag{
			padding:@tabs-side-padding-tag;
		}

		p{
			color:#999;
			font-size: @font-size-sm;
			padding:0;
			margin:0;

		}

		.tab-item-disable{
			color:#999;
		}
	}

}