html {
  font-size: 62.5%; /* 10px */
}

/* 平板/横屏 */
@media (max-width: 1024px) {
  html {
    font-size: 56.25%; /* 9px */
  }
}

/* 平板设备 */
@media (max-width: 768px) {
  html {
    font-size: 50%; /* 8px */
  }
}

/* 手机设备 */
@media (max-width: 480px) {
  html {
    font-size: 43.75%; /* 7px */
  }
}
/* 清除ul的默认padding和margin */
ul {
    padding: 0;
    margin: 0;
    /* 移除列表项标记 */
    list-style: none;
}
/* 清除button和input的默认样式 */
button, input {
    /* 移除默认边框 */
    border: none;
    
    /* 移除背景颜色 */
    background: none;
    
    /* 移除默认阴影效果（如点击按钮时的视觉反馈） */
    -webkit-appearance: none; /* 适用于WebKit浏览器（如Chrome、Safari） */
    -moz-appearance: none;    /* 适用于Firefox */
    appearance: none;
    
    /* 确保元素不会继承父元素的字体属性 */
    font: inherit;
    
    /* 移除可能存在的内边距 */
    padding: 0;
    
    /* 如果需要，可以重置颜色 */
    color: inherit;
    
    /* 可选：移除默认的outline，但请注意这样做可能会降低可访问性。
       如果你移除了outline，请确保提供其他方式来指示焦点状态。 */
    outline: none;
}

/* 针对特定类型的input元素进行额外调整 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"] {
    /* 增加或重置高度，以适应你的设计 */
    line-height: normal;
    
    /* 可选：根据你的设计调整宽度 */
    width: auto;
}
a {
    /* 移除下划线 */
    text-decoration: none;

    /* 继承文字颜色，避免默认蓝色 */
    color: inherit;

    /* 可选：移除点击时的默认轮廓（注意可访问性） */
    outline: none;

    /* 可选：防止拖拽时出现默认行为 */
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}
select {
    outline: none; /* 移除所有聚焦状态下的外边框 */
}

body {
  font-family: Microsoft YaHei;
  margin: 0 auto !important;
  padding: 0;
  min-height: 100vh;
  width: 100vw;
  position: relative;
  font-size: 1.8rem;
  color: #444;
  overflow-x: hidden;
}
/* 图片hover放大 */
.hover-big-img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.5s ease;
  cursor: pointer;
  object-fit: cover;
}
.hover-big-img:hover{
    transform: scale(1.05);
}

/* 文本省略号 */
.com-ellipsis {
   display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.multi-line-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 3;        /* 限制显示的行数，比如3行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;        /* 处理长单词或 URL 换行 */
}
.multi-line2-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;        /* 限制显示的行数，比如3行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;        /* 处理长单词或 URL 换行 */
}
.com-triangle {
  width: 0;
  height: 0;
  border-left: 2rem solid transparent;
  border-right: 2rem solid transparent;
  border-bottom: 5rem solid red;
}