$--web-font0: #000;
$--web-font1: #333;
$--web-font2: #666;
$--web-font3: #999;
$--theme-color: #154ddd;

@font-face {
  font-family: "DouyinSansBold";
  src: url("@/assets/fonts/DouyinSansBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

.text-web-font0 {
  color: $--web-font0;
}

.text-web-font1 {
  color: $--web-font1;
}

.text-web-font2 {
  color: $--web-font2;
}

.text-web-font3 {
  color: $--web-font3;
}

.theme-color {
  color: $--theme-color;
}

.theme-bg-color {
  background-color: $--theme-color;
}

.main_container {
  margin-left: 16px;
}

.main {
  // padding-top: 16px;
  overflow: hidden;
  position: relative;
  // overflow-y: scroll;
  // height: 88vh;
}

// 标题样式1
.hf-1 {
  color: $--web-font1;
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

// 正文样式

.pf-1 {
  color: $--web-font1;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}

.pf-2 {
  color: $--web-font2;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

// 单行、多行文本
.single-line {
  /* 容器的高度 */
  overflow: hidden;
  /* 隐藏超出部分内容 */
  display: -webkit-box;
  /* 必须设置display为-webkit-box才能生效 */
  -webkit-line-clamp: 1;
  /* 指定显示的行数 */
  -webkit-box-orient: vertical;
  /* 设置子元素垂直排列 */
  text-overflow: ellipsis;
  /* 当文字溢出时显示省略号 */
  white-space: pre-wrap;
  /* 保持换行符不被合并 */
}

.two-line {
  /* 容器的高度 */
  overflow: hidden;
  /* 隐藏超出部分内容 */
  display: -webkit-box;
  /* 必须设置display为-webkit-box才能生效 */
  -webkit-line-clamp: 2;
  /* 指定显示的行数 */
  -webkit-box-orient: vertical;
  /* 设置子元素垂直排列 */
  text-overflow: ellipsis;
  /* 当文字溢出时显示省略号 */
  white-space: pre-wrap;
  /* 保持换行符不被合并 */
}

.ff1 {
  font-family: "DouyinSansBold";
}