.navigater[data-v-a33695b2] {
  border-bottom: 1px solid #ffffff;
  border-color: rgba(255, 255, 255, 0.5); 
  display: flex;
  height: 64px;
  width: 100%; /* 改为100%宽度 */
  max-width: 1918px; /* 设置最大宽度 */
  margin: 0 auto;
  box-sizing: border-box; /* 确保边框宽度包含在元素宽度内 */
}

.navigater .icon[data-v-a33695b2] {
  line-height: 64px;
  text-align: center;
  width: 200px
}

.navigater .icon img[data-v-a33695b2] {
  height: 21px;
  vertical-align: middle;
  width: 100px
}

.navigater .columnTabs[data-v-a33695b2] {
  display: flex;
  flex: 1;
  line-height: 64px
}

//.navigater .columnTabs a[data-v-a33695b2] {
//  display: block;
//  color: #fff;
//  font-size: 18px;
//  font-weight: 600;
//  letter-spacing: 0;
//  line-height: inherit;
//  padding: 0 20px;
//  text-decoration-line: none;
//}

.navigater .columnTabs a[data-v-a33695b2] {
    display: block;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0;
    line-height: inherit;
    padding: 0 20px;
    text-decoration: none;
    
    /* 智能字体大小适配 */
    font-size: clamp(12px, 1.25vw, 18px);
    
    /* 更精确的响应式控制（备选方案） */
    /* font-size: min(max(12px, 1.25vw), 18px); */
}

/* 断点精确控制方案（兼容性更好） */
@media (max-width: 480px) {
    .navigater .columnTabs a[data-v-a33695b2] {
        font-size: 12px;
        padding: 0 10px;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .navigater .columnTabs a[data-v-a33695b2] {
        font-size: 14px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .navigater .columnTabs a[data-v-a33695b2] {
        font-size: 12px;
    }
}

@media (min-width: 1025px) {
    .navigater .columnTabs a[data-v-a33695b2] {
        font-size: 18px;
    }
}

.navigater .columnTabs a[data-v-a33695b2]:hover {
  cursor: pointer
}

.navigater .columnTabs .curColumn[data-v-a33695b2] {
  border-bottom: 3px solid #ff5733;
  height: 62.8px
}

.navigater .language[data-v-a33695b2] {
  border-left: 1px solid #ffffff;
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 64px;
  text-align: center;
  width: 120px;
  text-decoration: none;
  display:block;
}

.navigater .search[data-v-a33695b2] {
  border-left: none
}

.navigater .favorite[data-v-a33695b2] {
  border-left: 1px solid #fff;
  line-height: 64px;
  text-align: center;
  width: 120px
}

.footerbox[data-v-9611a729] {
  display: flex;
  flex-direction: column; /* 移动端改为垂直布局 */
  height: 100%;
  margin: 0 auto;
  width: 90%; /* 使用百分比宽度 */
  max-width: 1262px; /* 保持最大宽度 */
  padding: 20px 0; /* 添加垂直内边距 */
}

/* 平板及以上设备 */
@media (min-width: 768px) {
  .footerbox[data-v-9611a729] {
    flex-direction: row; /* 恢复水平布局 */
    padding: 0; /* 恢复内边距 */
  }
}

.footerbox .logo[data-v-9611a729] {
  line-height: 1.5;
  padding: 20px 0; /* 调整内边距 */
  text-align: center;
  width: 100%; /* 移动端占满宽度 */
  order: 1; /* 调整显示顺序 */
}

.footerbox .description[data-v-9611a729] {
  border-left: none; /* 移动端移除左边框 */
  color: #e8e8e8;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  height: auto; /* 高度自适应 */
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 0; /* 调整外边距 */
  padding: 20px 0; /* 调整内边距 */
  order: 3; /* 调整显示顺序 */
  width: 100%; /* 移动端占满宽度 */
}

.footerbox .description p[data-v-9611a729]:first-child {
  border-bottom: 1px solid #b3b3b3;
  padding-bottom: 16px;
}

.footerbox .description p[data-v-9611a729]:last-child {
  margin-top: 16px;
}

.footerbox .description p:last-child span[data-v-9611a729] {
  padding-right: 20px; /* 减少间距 */
  display: inline-block; /* 使间距生效 */
}

.footerbox .bgImage[data-v-9611a729] {
  background-image: url(/static/img/sys/footer-bg.png);
  background-position: center bottom; /* 调整背景位置 */
  background-repeat: no-repeat;
  background-size: contain; /* 背景图片自适应 */
  #height: 120px; /* 固定高度 */
  width: 100%; /* 移动端占满宽度 */
  order: 2; /* 调整显示顺序 */
  margin: 20px 0; /* 添加外边距 */
}
  
  .footerbox .logo[data-v-9611a729] {
    line-height: 163px;
    padding-top: 30px;
    width: 132px;
    order: 1;
  }
  
  .footerbox .description[data-v-9611a729] {
    border-left: 1px solid #b3b3b3;
    height: 163px;
    margin-top: 30px;
    padding: 0 16px;
    order: 2;
    width: auto;
  }
  
  .footerbox .bgImage[data-v-9611a729] {
    background-position: 0 100%;
    #height: inherit;
    width: 343px;
    order: 3;
    margin: 0;
  }
  
  .footerbox .description p:last-child span[data-v-9611a729] {
    padding-right: 67px;
  }
}