/**
 * @file CSS-多项目通用类-无注释版
 * @description 所有类型的项目都能使用的CSS样式类文件 只收纳了一些复用性较高的样式
 * @author 段 <1327022089@qq.com>
 * @copyright no
 * @createDate 2025-01-23 08:00
 * @lastEditTime 2025-03-05 08:00
 */

.bdbox {
  box-sizing: border-box;
}

.pos_rel {
  position: relative;
}

.pos_abs {
  position: absolute;
}

.pos_fix {
  position: fixed;
}

.over_hide {
	overflow: hidden;
}

.over_auto {
	overflow: auto; 
}

.m_auto {
	margin: 0 auto;
}

.flex {
  display: flex;
}

.flex_column {
  flex-direction: column;
}

.flex_wrap {
  flex-wrap: wrap;
}

.jc_end {
  justify-content: flex-end;
}

.jc_between {
  justify-content: space-between;
}

.jc_around {
  justify-content: space-around;
}

.h_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.h_center1 {
  display: flex;
  align-items: center;
}

.h_center2 {
  display: flex;
  justify-content: center;
}

.not_squeeze1 {
	flex: 1;
	width: 0;
}

.not_squeeze2 {
	flex-shrink: 0;
}

.flex_1 {
  flex: 1;
}

.flex_2 {
  flex: 2;
}

.flex_3 {
  flex: 3;
}

.flex_4 {
  flex: 4;
}

.text_w300 {
  font-weight: 300;
}

.text_w400 {
  font-weight: 400;
}

.text_w500 {
  font-weight: 500;
}

.text_w600 {
  font-weight: 600;
}

.text_w700 {
  font-weight: 700;
}

.text_left {
  text-align: left;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.text_break_all {
  word-break: break-all;
}

.ellipsis_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
	word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.ellipsis_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
	word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ellipsis_3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
	word-break: break-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}