* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  font-size: 14px;
}

a {
  text-decoration: none;
  color: #333;
}

ul,
li {
  list-style: none;
}

img {
  display: block;
}

/* 单行省略 */
.line_one {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 两行省略 */
.line_two {
  display: -webkit-box !important;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /*  -webkit-line-clamp: num  想要几行展示都可设置 */
}

/* PC端 */
.pc-only {
  display: block !important;
}

/* PC端头部吸顶样式 */
.pc-pad {
  position: relative;
  transition: all 0.3s ease;
  /* 平滑过渡 */
}

/* 以下为新增和修改的动画相关样式 */
.base-active {
  color: #165DFF;
  /* 移除原有边框样式，改用伪元素实现 */
}

.mb-only {
  display: none !important;
}

.pc-pad {
  display: block !important;
  position: relative;
  top: 0;
  z-index: 999;
}

.pc-m {
  display: block !important;
}

.mb-pad {
  display: none !important;
}


@media (max-width: 1024px) {

  .pc-only {
    display: block !important;
  }
  .mb-only {
    display: none !important;
  }
  /* .pad-only {
    display: block !important;
  }

  .mb-only {
    display: none !important;
  }

  .mb-pad {
    display: block !important;
  }

  .pc-m {
    display: none !important;
  } */
}

@media (max-width: 767px) {
  .safe-zone {
    width: 100%;
  }


  /* mobile端 */
  .pc-only {
    display: none !important;
  }

  .pad-only {
    display: none !important;
  }

  .mb-only {
    display: block !important;
  }

  .pc-pad {
    display: none !important;
  }

  .pc-m {
    display: block !important;
  }
}