* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  :focus {
    outline: none !important;
  }
  -webkit-tap-highlight-color: transparent;
  ::-webkit-scrollbar {
    width: 6px; /* 滚动条宽度 */
  }
  ::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道背景色 */
    border-radius: 3px;
  }
  ::-webkit-scrollbar-thumb {
    background: #d5d5d5; /* 滑块背景色 */
    border-radius: 3px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #aaa; /* 鼠标悬停时滑块颜色 */
  }
}

body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  // 兼容旧版 iOS
  padding-left: constant(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  padding-top: constant(safe-area-inset-top);
  padding-bottom: constant(safe-area-inset-bottom);
}

.flex {
  display: flex;
}

.flex_wrap {
  display: flex;
  flex-wrap: wrap;
}

.flex_sb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex_right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex_left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex_c {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex_column {
  display: flex;
  flex-direction: column;
}

.flex_end {
  align-items: flex-end;
}

.flex_1 {
  flex: 1;
}

.flex_2 {
  flex: 2;
}

.flex_3 {
  flex: 3;
}

/* 省略显示 */
.wes_1 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  align-content: center;
  white-space: normal;
  word-break: break-all;
}

.wes_2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  align-content: center;
  white-space: normal;
  word-break: break-all;
}

.wes_3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  align-content: center;
  white-space: normal;
  word-break: break-all;
}

.csp {
  cursor: pointer;
}

.dangerColor {
  color: #dc4c40 !important;
}

.h_full {
  height: 100vh;
}

.secondaryTextColor {
  color: #727b8d;
}
