/* subPackage/page/pages/grassCommunity/grassCommunity.wxss */
@import './../../../../base/base.wxss';
page{
  padding-bottom: 100rpx;
}
.grass-community{
  padding: 30rpx;
}
.upload-img {
  margin: 0 20rpx 20rpx 0;
}
.upload-tip {
  height: 28prx;
  color: rgba(170, 170, 170, 1);
  font-size: 20rpx;
  text-align: left;
  font-family: PingFangSC-Regular;
  padding-bottom: 100rpx;
}
.textarea {
  margin: 20rpx;
  height: 120rpx;
  /* width: 600rpx; */
  background: #eee;
  box-sizing: border-box;
  padding: 20rpx;
  margin-left: 0rpx;
  border-radius: 10rpx;
  font-size: 28rpx;
  line-height: 1.5;
  margin-left:40rpx;
}

.title-border-text {
  padding: 20rpx 0; 
  box-sizing: border-box;
  border-bottom: 1px solid rgba(151, 151, 151, 0.3)
}
.post-notes{
  text-align: center;
  height: 88rpx;
  line-height: 88rpx;
  background-color: rgba(203, 60, 60, 1);
  color: rgba(255, 255, 255, 1);
  font-size: 25rpx;
  font-family: PingFangSC-Medium;
}
.title-border {
  height: 66rpx;
  line-height: 66rpx;
  border-bottom: 1px solid rgba(151, 151, 151, 0.3);
}
.tab-icon{
  width: 26rpx;
  height: 26rpx;
  margin-right: 16rpx;
}
.title-border input{
  height: 66rpx;
}
.title-border .tab-input{
  display: inline-block;
}
.related-goods {
  width: 189rpx;
  height: 54rpx;
  line-height: 50rpx;
  text-align: center;
  border-radius: 31rpx;
  background-color: rgba(216, 216, 216, 1);
  
  margin-top: 97rpx;
}
.gress-list {
  margin: 0 auto;
  margin-top: 30rpx;
}

.page-upload-img{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20rpx;
}
.upload-wrap{
  border-radius: 5rpx;
  border: 1px solid rgba(216, 216, 216, 1);
  line-height: 160rpx;
  text-align: center;
}
.upload-text{
  color: #aaaaaa;
}
.upload-img{
  width: 160rpx;
  height: 160rpx;
  border: 1px solid rgba(216, 216, 216, 1);
}
.upload-img-wrap{
  margin-right: 20rpx;
}
.item-img {
  width: 100%;
  height: 160rpx;
}

.flex-wrp {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.flex-item {
  margin-bottom: 20rpx;
  width: 21%;
  height: 160rpx;
  margin-left: 20rpx;
  position: relative;
}
.flex-item icon {
  position: absolute;
  right: -10rpx;
  top: -10rpx;
  background: #ffffff;
  border-radius: 50%; }

.relate-img{
  width: 23rpx;
  margin-right: 10rpx;
  vertical-align: middle;
}
.relate-text{
  color: rgba(0, 0, 0, 1);
  font-size: 26rpx;
  font-family: PingFangSC-Medium;
  vertical-align: middle;
}
