.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.dm-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #ffffff;
  background-color: var(--common_bg_z1_color, #ffffff);
  padding-bottom: 40rpx;
  padding-left: 28rpx;
  padding-right: 28rpx;
}
.dm-grid-item {
  padding-top: 40rpx;
  padding-left: 8rpx;
  padding-right: 8rpx;
  text-align: center;
  box-sizing: border-box;
}
.dm-grid-item-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dm-grid-icon {
  width: 80rpx;
  height: 80rpx;
}
.dm-grid-text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  flex: 1;
  width: 100%;
}
.dm-grid-text {
  font-size: 28rpx;
  line-height: 38rpx;
  color: #111f2c;
  color: var(--common_level1_base_color, #111f2c);
  margin-top: 28rpx;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.dm-grid-text.dm-grid-text-line2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal;
}
.dm-grid-desc {
  font-size: 20rpx;
  font-weight: bold;
  line-height: 24rpx;
  color: rgba(17, 31, 44, 0.4);
  color: var(--common_level3_base_color, rgba(17, 31, 44, 0.4));
  width: 100%;
  margin-top: 4rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.dm-grid-2 .dm-grid-item-wrapper {
  flex-direction: row;
  justify-content: flex-start;
}
.dm-grid-2 .dm-grid-icon {
  width: 48rpx;
  height: 48rpx;
}
.dm-grid-2 .dm-grid-text {
  text-align: left;
  margin-top: 0;
  padding-left: 24rpx;
}
.dm-grid-5 .dm-grid-icon {
  width: 64rpx;
  height: 64rpx;
}
.dm-grid-5 .dm-grid-text {
  font-size: 24rpx;
  line-height: 32rpx;
}
@media (min-width: 768px) {
  .dm-grid.dm-grid-fixed {
    margin: 0 auto;
  }
  .dm-grid.dm-grid-fixed.dm-grid-2 {
    max-width: 560px;
  }
  .dm-grid.dm-grid-fixed.dm-grid-3 {
    max-width: 561px;
  }
  .dm-grid.dm-grid-fixed.dm-grid-4 {
    max-width: 680px;
  }
  .dm-grid.dm-grid-fixed.dm-grid-5 {
    max-width: 680px;
  }
}