/* packageE/others/cloudwarehouse/cloud_index/cloud_index.wxss */
#cloud_index .topMember {
  width: 100%;
  height: 288rpx;
  background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/cloudhybj1.png");
  background-size: cover;
  background-repeat: no-repeat;

  /* margin-top: 40px; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#cloud_index .topMember .top {
  display: flex;
  align-items: center;
}

#cloud_index .topMember .top .top_img {
  width: 96rpx;
  height: 96rpx;
  border-radius: 50%;
  margin-left: 28.992rpx;
  margin-top: 28.992rpx;
}

#cloud_index .topMember .top .top_img image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

#cloud_index .topMember .top .name {
  font-size: 32rpx;
  color: #fff;
}

#cloud_index .topMember .bottom {
  flex: 1;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

#cloud_index .topMember .bottom .bottom_num {
  font-size: 32rpx;
  line-height: 36rpx;
  letter-spacing: 1.6rpx;
  color: #fff;
  text-align: center;
}

#cloud_index .topMember .bottom .bottom_name {
  margin-top: 23.008rpx;
  font-size: 24rpx;
  color: #dcdcdc;
}

#cloud_index .cenbox {
  width: 100%;
  height: 471.008rpx;
  background-color: #fff;
}

#cloud_index .cenbox .li {
  padding: 14.016rpx 47.008rpx 104.992rpx 52.992rpx;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#cloud_index .cenbox .lis {
  width: 300rpx;
  height: 140rpx;
  border-radius: 10.016rpx;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 36rpx;
}