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;
}
a:hover{
  color: #004FA5;
}
select {
    outline: none; /* 移除所有聚焦状态下的外边框 */
}
@font-face {
  font-family: 'Lato-Medium';
  src: url('https://api.cas.cn/lib/font-size/lato/Lato-Medium.woff'),
      url('https://api.cas.cn/lib/font-size/lato/Lato-Medium.woff2'),
      url('https://api.cas.cn/lib/font-size/lato/Lato-Medium.ttf');
}
@font-face {
  font-family: 'Lato-Bold';
  src: url('https://api.cas.cn/lib/font-size/lato/Lato-Bold.woff2'),
      url('https://api.cas.cn/lib/font-size/lato/Lato-Bold.woff'),
      url('https://api.cas.cn/lib/font-size/lato/Lato-Bold.ttf');
}
.trs_editor_view p,.trs_editor_view span, .TRS_Editor p, .TRS_Editor span{
  font-family: 'Lato-Medium','Lato' !important;
  font-size: 1.8rem !important;
  line-height: 1.5 !important;
}
.TRS_Editor > p:first-child,.trs_editor_view > p:first-child {
  margin-top: 0 !important;
}
body {
  font-family: 'Lato-Medium','Lato';
  margin: 0 auto !important;
  padding: 0;
  min-height: 100vh;
  width: 100vw;
  position: relative;
  font-size: 1.8rem;
  color: #444;
  overflow-x: hidden;
}
.trs_editor_view p img{
  max-width: 100%;
}
/* 图片hover放大 */
.hover-big-img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.5s ease;
  cursor: pointer;
}
.hover-big-img:hover{
    transform: scale(1.05);
    filter: brightness(1.1);
}
.uppercase {
    text-transform: uppercase;
}

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

.pager{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1.6rem;
  text-align: center;
  line-height: 3.5rem;
  margin: 5rem 0;
}
.pager div{
  cursor: pointer;
}
.pager div.active, .pager div.disabled{
  cursor: auto;
}
.page-item{
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.5rem;
}
.page-item.active{
  background: #15C0F0;
  color: #fff;
}
.last,.next{
  margin-left: 1rem;
}
.first,.prev{
  margin-right: 1rem;
}
.next, .prev,.first,.last{
  width: 7rem;
  height: 3.5rem;
  background: #EDEDED;
  border-radius: 0.5rem;
}

#pager {
    margin-top: 4rem;
    text-align: center;
}
#pager a,#pager span {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 0.5rem;
    margin: 0 0.5rem;
}
#pager span {
    background: #15C0F0;
    color: #fff;
}
#pager a.page-next, #pager a.page-prev {
    width: 7rem;
    height: 3.5rem;
    background: #EDEDED;
    border-radius: 0.5rem;
}
#pagenav_nextgroup,#pagenav_pregroup{
  display: none;
}
.large-hidden{
    display: none;
}
.load-more{
  background: #15C0F0;
  color: #fff;
  margin: 4rem auto;
  width: 100%;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
}