@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/* 图片加载中颜色 */
/* 行为相关颜色 */
.wanlpage-groups__mian {
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.wanlpage-groups__mian.col-3-10 .head {
  padding: 0 10rpx;
}
.wanlpage-groups__mian.col-3-10 .list {
  padding: 0 10rpx;
}
.wanlpage-groups__mian.col-3-10 .list .item {
  width: calc((100% - 20rpx) / 3);
  margin-bottom: 10rpx;
}
.wanlpage-groups__mian.col-3-15 .head {
  padding: 0 15rpx;
}
.wanlpage-groups__mian.col-3-15 .list {
  padding: 0 15rpx;
}
.wanlpage-groups__mian.col-3-15 .list .item {
  width: calc((100% - 30rpx) / 3);
  margin-bottom: 15rpx;
}
.wanlpage-groups__mian.col-3-20 .head {
  padding: 0 20rpx;
}
.wanlpage-groups__mian.col-3-20 .list {
  padding: 0 20rpx;
}
.wanlpage-groups__mian.col-3-20 .list .item {
  width: calc((100% - 40rpx) / 3);
  margin-bottom: 20rpx;
}
.wanlpage-groups__mian.col-3-25 .head {
  padding: 0 25rpx;
}
.wanlpage-groups__mian.col-3-25 .list {
  padding: 0 25rpx;
}
.wanlpage-groups__mian.col-3-25 .list .item {
  width: calc((100% - 50rpx) / 3);
  margin-bottom: 25rpx;
}
.wanlpage-groups__mian.col-3-30 .head {
  padding: 0 30rpx;
}
.wanlpage-groups__mian.col-3-30 .list {
  padding: 0 30rpx;
}
.wanlpage-groups__mian.col-3-30 .list .item {
  width: calc((100% - 60rpx) / 3);
  margin-bottom: 30rpx;
}
.wanlpage-groups__mian .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 85rpx;
}
.wanlpage-groups__mian .head .title {
  display: flex;
  align-items: center;
}
.wanlpage-groups__mian .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wanlpage-groups__mian .list::after {
  content: '';
  display: block;
  width: 33%;
  visibility: hidden;
}
.wanlpage-groups__mian .list .item {
  flex-wrap: wrap;
}
.wanlpage-groups__mian .list .item image {
  height: 200rpx;
  margin-bottom: 6rpx;
  border-radius: 18rpx;
  overflow: hidden;
  background-color: #f9f9f9;
}