@import "../../../config/styles/mp/index.less";
@import "../../../config/styles/mp/mixins.less";

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-item {
  min-width: 25%;
  padding: 20rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.block {
  width: 176rpx;
  height: 176rpx;
  background: #fff;
  color: #333;
  display: flex;
}

.block--bottom {
  width: 100vw;
  height: 35vh;
  border-top-left-radius: 16rpx;
  border-top-right-radius: 16rpx;
}

.btn-box {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 32rpx;
}
.five-grid {
  position: unset;
}

.external-class-content {
  padding: 32rpx 0 !important;
}

.image-icon {
  width: 96rpx !important;
  height: 96rpx !important;
}

.image {
  width: 100%;
  height: 100%;
}