   // PC端的宽度
    @mixin pc-statusWidth {
   	   width: 15rem;
   }
   
   @mixin statusHeight {
      height: $nav-height;	  
	  line-height: $nav-height;
	  @media (max-width:1600px) {
	  	  height: $nav-1600-height;
		  line-height: $nav-1600-height;
	  }
   }
   // 导航栏中间字体大小控制
   @mixin navContentSize {
	   text-align: center;
	   font-size: 0.17rem;
	   font-family: MiSans-Regular;
	   margin-top: 0.07rem;
	   height: 0.4rem;
	   line-height: 0.4rem;
	   @media (max-width:1600px) {
	   	   margin-top: 0.1rem;
	   	   font-size: 0.23rem;
	   	   height: 0.5rem;
	   	   line-height: 0.5rem;
	   } 
   }
   //下拉弹框
 @mixin popupOfficeStyle {
     top: 0;
     height: 0;
     border-radius: 0.03rem;
     background: $nav-menu;
     margin: $nav-height 0 0 0.03rem;
     box-shadow: 0 0.05rem 0.13rem #00000026;
     position: absolute;
     box-sizing: border-box;
     overflow: hidden;
	 min-width: 2.1rem;
     z-index: 10000;
     font-family: MiSans-Light;
    
     &__box {
         padding: 0.15rem 0.1rem; 
 
         &__item {
             height: 0.45rem;
             line-height: 0.45rem;
             text-align: center;
             padding: 0 0.1rem;    
             color: $nav-color;
 
             &:hover {
                 background-color: #4283fb;
                 border-radius: 0.02rem;
                 color: $nav-color;
             }
         } 
     }	 
	  
	 @media (max-width:1600px) {
		  min-width: 3rem;
		  top: 0.1rem;
		 &__box{			
			padding: 0.2rem 0.15rem;				  
			&__item {               
			    height: 0.6rem;
			    line-height: 0.6rem;
			    font-size: 0.23rem; 
			} 
		 }
	 }
 }
   
	.Nav {
		width: 100%;
		@include statusHeight;
		z-index: 10000;
		background: #ffffff;
		border-bottom: 1px solid #e0e0e0;
		box-shadow: 0 2px 4px rgba(0,0,0,0.1);

		&--active {
			background: #ffffff;
			transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}

		// 导航栏
		&-div {
			box-sizing: content-box;
			@include pc-statusWidth;
			@include statusHeight;
			display: flex;
			justify-content: space-between;
			background-color: transparent;
			margin: 0 auto;
			position: relative;
			align-items: center;

			&__logo {
				cursor: pointer;
				width: 1.23rem;
				@include statusHeight;
				color: #000000;
				font-size: 0.6rem;
				line-height: 0.6rem;
				display: flex;
				align-items: center;
				&__avater{
					width: 1.06rem;
					height: 0.6rem;
					display: block;
				}
			}

			.Nav-flex {
				display: flex;

			}

			//中间导航栏
			.Nav-div__menu {
				width: fit-content;
				@include statusHeight;
				display: flex;
				padding-right: 0.08rem;
				align-items: center;
				text-align: center;
				color: $nav-color;
				position: relative;

				&__item {
					@include statusHeight;
					cursor: pointer;
					padding: 0 0.18rem;
					position: relative;
					display: flex;
					flex-direction: column;
					align-items: center;
					p {
						@include navContentSize;
					}

					&__border {
						width: 0;
						height: 0.028rem;
						margin-top: 0;
						background-color: $nav-color;
						transition: all 0.3s;
					}

					&__borderActive {
						width: 0.32rem;
					}

					&--itemActive {
						p {
							color: $nav-color;
						}
					}

					// 解决鼠标移除和点击事件冲突
					&--itemActive2 {
						p {
							color: $nav-color;
							// font-weight: 500
						}
					}

					&__popup-office {
						// 下拉弹框
						@include popupOfficeStyle;
					}
					
					

					//解决两个子项长度
					&--active2 {
						height: fit-content;
					}
					&--zh-lang{
						min-width: 1.9rem;
						letter-spacing: 0.01rem;
						@media (max-width:1600px) {
							min-width: 2.4rem;
						}
					}
				}
			}

			&__shop {
				@include statusHeight;
				display: flex;
				justify-content: space-between;
				align-items: center;
				position: relative;
				&__search {
					width: 0.2rem;
					@include statusHeight;
					cursor: pointer;
					display: flex;
					justify-content: center;
					align-items: center;
					color: $popup-sty-color;
					font-size: 0.22rem;
					@media (max-width:1600px) {
						width: 0.3rem;
						font-size: 0.32rem;
					}		
				}

				&__earth {
					width: fit-content;
					@include statusHeight;
					font-family: MiSans-Light;
					display: flex;
					justify-content: center;
					align-items: center;
					cursor: pointer;
					color: $nav-color;
					font-size: 0.17rem;
					padding-left: 0.2rem;					
					@media (max-width:1600px) {			
						padding-left: 0.3rem;
						font-size: 0.22rem;
					}
					&__avater{
					  width: 0.2rem;
					  height: 0.2rem;
					}
					&__text {
						// 标记位置
						@include statusHeight;
						font-family: MiSans-Regular;
						padding-left: 0.1rem;
						@media (max-width:1600px) {
							padding-left: 0.2rem;
						}						
					}
					&__popup-office {
						// 下拉弹框
						@include popupOfficeStyle;
						&:last-child{
							min-width: 1.7rem;
						}		
								
						&--active {
							height: fit-content;
							color: $nav-color;
						}
						&--zh-lang{
							min-width: 1.9rem;
							letter-spacing: 0.01rem;
							@media (max-width:1600px) {
								min-width: 2.4rem;
							}
						}
					}
				}
			}
		}
	}

	@-webkit-keyframes fadeIn {
		0% {
			opacity: 0;
			/*初始状态 透明度为0*/
		}

		50% {
			opacity: 0;
			/*中间状态 透明度为0*/
		}

		100% {
			opacity: 1;
			/*结尾状态 透明度为1*/
		}
	}

	@-webkit-keyframes fadeOut {
		0% {
			opacity: 0;
			/*初始状态 透明度为0*/
		}

		50% {
			opacity: 0;
			/*中间状态 透明度为0*/
		}

		100% {
			opacity: 1;
			/*结尾状态 透明度为1*/
		}
	}

	//动画
	.fade-enter-from,
	.fade-leave-to {
		opacity: 0;
	}

	.fade-enter-to,
	.fade-leave-from {
		opacity: 1;
	}

	.fade-enter-active,
	.fade-leave-active {
		transition: opacity 1s ease;
	}