.@{menu-prefix-cls}-horizontal.@{menu-prefix-cls}-root {
	/* Clear component */
	border-bottom: none;
	line-height: @menu-horizontal-line-height;

	& > .@{menu-prefix-cls}-item,
	& > .@{menu-prefix-cls}-submenu {
		margin-top: 0;
		top: 0;
		letter-spacing: 1.25px;

		&:after {
			width: 0;
			transition: all 0.3s;
		}

		&-selected {
			.@{menu-prefix-cls}-title-content {
				font-weight: @font-weight-medium;
			}

			&:after {
				width: 100%;
				left: 0;
				right: 0;
				border: 0 !important;
				height: @ink-bar-height;
				border-top-left-radius: calc(@ink-bar-height + 1px);
				border-top-right-radius: calc(@ink-bar-height + 1px);
				background-image: @gradient-ink-bar;
			}
		}

		
	}

	& > .@{menu-prefix-cls}-submenu {
		& > .@{menu-prefix-cls}-submenu-title {
			/* Override previous style */
			padding-left: 0 !important;
		}
	}

	// Primary Horizontal Menu
	&.@{menu-prefix-cls}-primary {
		background: @menu-primary-bg;
		position: relative;

		&::before {
			content: '';
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: radial-gradient(circle, @primary-40, transparent, transparent);
			background-size: 200%;
		}

		.@{menu-prefix-cls}-submenu-title,
		.@{menu-prefix-cls}-submenu-title:hover,
		.@{menu-prefix-cls}-submenu-arrow {
			color: inherit;
		}

		> .@{menu-prefix-cls}-item,
		> .@{menu-prefix-cls}-submenu {
			color: @menu-primary-item-color;

			&-active {
				color: @menu-primary-item-hover-color;
				background-color: @menu-primary-bg-hover-color;
			}

			&-selected,
			&-selected:hover {
				color: @menu-primary-item-highlight-color;
				background-color: @menu-primary-bg-select-color;
			}

			&-selected:after {
				background-image: unset;
				background-color: @white;
			}
		}

		> .@{menu-prefix-cls}-item-disabled {
			background-color: transparent !important;
		}
	}

	// Gradient breathing animation.
	&.@{menu-prefix-cls}-primary.@{menu-prefix-cls}-breathing {
		background-size: 250%;
		.gradient-breathing-animation-slow()

		// &::before {
		// 	.gradient-breathing-animation-slow();
		// }
	}

	&.@{menu-prefix-cls}-breathing {
		> .@{menu-prefix-cls}-item,
		> .@{menu-prefix-cls}-submenu {
			&:after {
				background-size: 250%;
                
				.gradient-breathing-animation-slow();
			}
		}
	}

	& > .@{menu-prefix-cls}-submenu-horizontal {
		.@{menu-prefix-cls}-submenu-expand-icon {
			// Clean
			position: initial;
			width: initial;
			color: inherit;
			transform: initial;
			top: initial;
			right: initial;
			margin-left: @padding-xs;
			transition: all @animation-duration-slow @ease-in-out;
		}

		&.@{menu-prefix-cls}-submenu-active {
			.@{menu-prefix-cls}-submenu-expand-icon {
				transform: rotateX(180deg);
			}
		}
	}
}
//下拉menu arrow方向
.@{menu-prefix-cls}-horizontal-submenu-expand-icon {
transform: translateY(-50%) rotate(-90deg);
}