/*头部中国版-英文版 下拉选项*/
.el-dropdown {
  position: relative; /* 如果需要定位下拉菜单，建议加 */
  display: inline-block;
}

.el-dropdown .el-dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #ddd;
  list-style: none;
  margin: 0;
  padding: 8px 0;
  min-width: 120px;
  z-index: 1000;
}

.el-dropdown:hover .el-dropdown-menu {
  display: block;
}

.header__logo__site__list {
  cursor: pointer;
  padding: 8px 12px;
}

  /* 首页右侧 栏目切换 */
  .el-carousel__item {
    display: none !important;
    transform: none !important;
    scale: 1 !important;
  }
  .el-carousel__item.is-active {
    display: block !important;
  }

  /* 优化箭头样式 */
  .el-icon-arrow-left,
  .el-icon-arrow-right {
    cursor: pointer;
    user-select: none;
    transition: opacity 0.2s;
  }

/*如何返利轮播 只加这一行即可，丝滑过渡，无卡顿*/
.swiper-wrapper {
    transition: transform 0.3s ease; 
}

/*首页主内容列表tab切换*/
.markdown55-content {
  display: none;
}

/* 可选：给展开区域加一点间距 */
.markdown55-content.expanded {
  display: block;
  margin-top: 8px;
}

/*社区内容页轮播图*/
.ng {position: relative;max-width: 714px;margin: 0 auto;}
.el-carousel {position: relative;width: 100%;height: 714px;overflow: hidden;}
.el-carousel__container {position: relative;width: 100%;height: 100%;overflow: hidden;}
.el-carousel__item {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);z-index: 1;}
.el-carousel__item.is-active {z-index: 2;}
.el-carousel__item.is-animating {transition-duration: 0.3s;}
.img-wrap {width: 100%;height: 100%;}
.img-wrap img {width: 100%;height: 100%;object-fit: cover;}

/* 左右箭头样式 官网原版 */
.el-carousel__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    background: rgba(0,0,0,0.3);
    color: white;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
.el-carousel__arrow--left {left: 10px;}
.el-carousel__arrow--right {right: 10px;}
.el-carousel__arrow:hover {background: rgba(0,0,0,0.5);}
.el-icon-arrow-left,.el-icon-arrow-right {font-size: 18px;}

/* 缩略图样式 官网原版 */
.ng-thumbs {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 10px;
    padding: 0 10px;
}
.ng-thumbs .centerImg {
    width: 80px;
    height: 60px;
    object-fit: cover;
    cursor: pointer;
    opacity: 0.7;
    transition: all 0.2s ease;
    border: 2px solid transparent;
}
.ng-thumbs .centerImg.active {
    opacity: 1;
    border-color: #ff6700; /* 55海淘橙色激活边框 */
}
.ng-thumbs .centerImg:hover {opacity: 0.9;}