.flex {
  display: flex;
  align-items: center;
}

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

.flex-between {
  justify-content: space-between;
}

.flex-evenly {
  justify-content: space-evenly;
}

.flex-around {
  justify-content: space-around;
}

.flex-center {
  justify-content: center;
}

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

.mb20 {
  margin-bottom: 20rpx;
}

.mb26 {
  margin-bottom: 26rpx;
}

.mb28 {
  margin-bottom: 28rpx;
}

.mt20 {
  margin-top: 20rpx;
}

.mr10 {
  margin-right: 10rpx;
}

.mr20 {
  margin-right: 20rpx;
}

.pd20 {
  padding: 20rpx;
}

.pd40 {
  padding: 40rpx;
}

.pd60 {
  padding: 60rpx;
}

// 字体
.font22 {
  font-size: 22rpx;
}

.font24 {
  font-size: 24rpx;
}

.font26 {
  font-size: 26rpx;
}

.font28 {
  font-size: 28rpx;
}

.font32 {
  font-size: 32rpx;
}

.font34 {
  font-size: 34rpx;
}

.font36 {
  font-size: 36rpx;
}

// 颜色
.col3 {
  color: #333333;
}

.col-white {
  color: #ffffff;
}

.bgf {
  background: #FFFFFF;
}

.radius20 {
  border-radius: 20rpx;
}

.ellipsis {
  overflow: hidden; /* 确保超出的文本被裁剪 */
  white-space: nowrap; /* 确保文本在一行内显示 */
  text-overflow: ellipsis; /* 超出的文本显示为省略号 */
}
.line-h200{
  line-height: 200%;
}