/* 默认显示PC端头部 */
#header-pc {
    display: block;
  }
  
  /* 默认隐藏移动端头部 */
  #head-m {
    display: none;
  }
  
  /* 移动端适配 */
  @media screen and (max-width: 768px) {
    #header-pc {
      display: none !important;
    }
    #head-m {
      display: block !important;
    }
  }
  
  /* PC端适配 */
  @media screen and (min-width: 769px) {
    #header-pc {
      display: block !important;
    }
    #head-m {
      display: none !important;
    }
  }
  
  html {
    overflow-y: scroll; /* 始终显示垂直滚动条轨道 */
    margin-right: calc(-1 * (99vw - 100%)); /* 补偿滚动条宽度 */
  }
  
  body {
    overflow-x: hidden; /* 防止水平滚动条出现 */
  }
  
  #header-pc {
    width: 99vw; /* 基于视口宽度 */
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  
  
  
  
	#header-pc {
		position: relative;
		z-index: 1000;
		/* 提高header的层级 */
	}

	.el-popper {
		margin-top: 10px !important;
		/* 增加菜单与触发器的间距 */
	}

  .banner-item {
    display: none;
    /* 默认隐藏所有 banner-item */
  }

  .banner-item.active {
    display: block;
    /* 只有 active 类的 banner-item 显示 */
  }

  .banner_box > .el-carousel__item {
    position: relative;
}

.mobile-commerce {
  display: block;
}

/* 当屏幕宽度大于 800px 时隐藏（PC 端） */
@media (min-width: 768px) {
  .mobile-commerce {
  display: none !important;
  }
}


		/* 默认情况下隐藏 PC 端套餐样式 */
		@media (max-width: 768px) {
		  .taocan-pc {
			display: none; /* 或 inline-block / flex 根据实际布局调整 */
		  }
		  .taocan-m {
			display: block;
		  }
		}
		/* 当在 PC 端访问时（假设屏幕宽度大于 768px 视为 PC） */
		@media (min-width: 769px) {
		  .taocan-pc {
			display: block; /* 或 inline-block / flex 根据实际布局调整 */
		  }
		  .taocan-m {
			display: none;
		  }
		}