@import '../../../common/common.wxss';
@import '../attentionpublic/attentionpublic.wxss';
@import '../../person/myOrder/myOrder.wxss';

page {
  overflow-x: hidden;
}

.conbox {
  overflow-x: hidden;
}

.communit_hostipal_head {
  width: 750rpx;
  height: 608rpx;
  background: #fd8779;
  padding-top: 60rpx;
  position: relative;
  border-bottom: 16rpx solid #fcf8f7;
}

.layer1 {
  width: 686rpx;
  height: 499rpx;
  margin: 0 auto;
}

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

.layer2 {
  width: 654rpx;
  height: 499rpx;
  background: rgba(255, 255, 255, 1);
  opacity: 0.8;
  border-radius: 16rpx;
  margin: 0 auto 20rpx;
}

.layer3 {
  width: 624rpx;
  height: 499rpx;
  background: rgba(255, 255, 255, 1);
  opacity: 0.6;
  border-radius: 16rpx;
  margin: 0 auto 20rpx;
}

.communit_img {
  width: 120rpx;
  height: 120rpx;
  padding-top: 10rpx;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 34rpx;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.communit_img image {
  width: 50%;
  height: 70%;
}

.communit_name {
  color: #292525;
  font-size: 36rpx;
  text-align: center;
  font-weight: bold;
}

.commubit_text {
  width: 618rpx;
  color: #a5a6a8;
  font-size: 24rpx;
  text-align: center;
  margin: 0 auto;
  margin-top: 32rpx;
  line-height: 36rpx;
}

.copy {
  width: 686rpx;
  margin: 0 auto;
  /* padding: 0 148rpx; */
  text-align: center;
  box-sizing: border-box;
}

.copy_text {
  color: #292525;
}

.clickcopy {
  background: linear-gradient(0deg, rgba(255, 135, 177, 1), rgba(255, 171, 200, 1));
  box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(255, 168, 198, 1);
  border-radius: 40rpx;
}

.communit_box {
  position: absolute;
  top: 160rpx;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.group {
  display: flex;
  padding: 0 37rpx;
  height: 80rpx;
  align-items: center;
  border-bottom: 1rpx solid #f5f5f5;
}

.group_name {
  color: #292525;
  font-size: 26rpx;
  font-weight: bold;
}

.group_text {
  color: #5c5453;
  font-size: 26rpx;
  margin-left: 21rpx;
}

.group_list {
  /* display:flex; */
  width: 750rpx;
  overflow-x: scroll;
  padding: 0 32rpx 0 32rpx;
  box-sizing: border-box;
  white-space: nowrap;
}

.group_item {
  /* padding: 32rpx 44rpx 62rpx 44rpx; */
}

.group_item:last-child {
  margin-right: 32rpx;
}

.group_img {
  width: 167rpx;
  height: 167rpx;
  font-size: 0;
  margin: 0 auto;
}

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

.group_itemname {
  color: #292525;
  font-size: 28rpx;
  font-weight: bold;
  text-align: center;
  margin-top: 22rpx;
}

.gropu_itemtext {
  color: #53555c;
  font-size: 24rpx;
  text-align: center;
  margin-top: 15rpx;
  width: 200rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.group_apply {
  width: 166rpx;
  height: 50rpx;
  background: rgba(255, 255, 255, 1);
  border: 2rpx solid #fd8779;
  border-radius: 25rpx;
  color: #fd8779;
  font-size: 24rpx;
  text-align: center;
  line-height: 50rpx;
  margin: 20rpx auto 0;
}

.group_item {
  width: 250rpx;
  height: 400rpx;
  background: #f5f5f5;
  margin-left: 20rpx;
  padding: 32rpx 32rpx;
  box-sizing: border-box;
  display: inline-block;
  /* height:319rpx; */
}

.group_item:first-child {
  margin-left: 0;
}

/* 奶爸训练 */

.dadtrain {
  /* width:750rpx;
  overflow-x: scroll;
  white-space:nowrap;

  padding: 36rpx 32rpx;
 
box-sizing:border-box;

 
  border-bottom:16rpx solid #FCF8F7; */
  width: 750rpx;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 0 32rpx 0 32rpx;
  box-sizing: border-box;
  /* white-space:nowrap; */
  display: flex;
}

.dadtrain_img {
  width: 255rpx;
  height: 255rpx;
  font-size: 0;
}

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

.dadtrain_name {
  width: 255rpx;
  color: #292525;
  font-size: 28rpx;
  font-weight: boild;
  margin-top: 30rpx;
  word-wrap: break-word;
  display: block;
  white-space: wrap;
}

.dad_sate {
  width: 70rpx;
  height: 32rpx;
  background: #ffc299;
  border-radius: 3rpx;
  font-size: 24rpx;
  color: #fff;
  text-align: center;
  line-height: 32rpx;
  margin-top: 16rpx;
}

.dadtrain_item {
  width: 255rpx;
  margin-left: 24rpx;
  display: inline-block;
}

.dadtrain_item:last-child {
  padding-right: 32rpx;
}

.foot_img {
  width: 709rpx;
  height: 709rpx;
  margin: 39rpx auto 0;
}

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

.foot_text1, .foot_text2 {
  width: 642rpx;
  color: #292525;
  font-size: 28rpx;
  line-height: 45rpx;
  margin: 49rpx auto 0;
}

.foot_enter {
  position: relative;
}

.foot_text {
  width: 642rpx;
  position: absolute;
  top: 69rpx;
  left: 44rpx;
  
  right: 0;
  margin: 0 auto;
}

.wechatimage {
  width: 201rpx;
  height: 222rpx;
  font-size: 0;
  position: absolute;
  bottom: 61rpx;
  left: 289rpx;
  right: 0;
  margin: 0 uato;
}

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

.clerk_fn_foot {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 70rpx;
}

.clerk_box {
  height: 203rpx;
}