/* packageH/circleCommunity/circleDetails/circleDetails.wxss */

view,
text {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.member {
  width: 100%;
  height: 288rpx;
  background-image: url("https://dev3.yunzmall.com/attachment/image/aae1e9a875eab1b4c9bdc44f69a3c0d7.jpeg");
  background-size: 100%;
  border-bottom-left-radius: 60% 15%;
  border-bottom-right-radius: 60% 15%;
  overflow: hidden;
  position: relative;
}

.memberUser {
  flex: 1;
  display: flex;
  padding: 30.016rpx;
}

.memberUser .face image {
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
}

.memberUser .userInfo {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  color: #fff;
  padding-left: 16rpx;
}

.memberUser .userInfo .c1 {
  font-size: 44rpx;
  font-weight: bold;
}

.memberUser .userInfo .c2 {
  font-size: 28rpx;
  font-weight: bold;
}

.memberUser .userInfo .c3 {
  font-size: 24rpx;
  font-weight: bold;
  color: #e1e1e1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member .btn {
  position: absolute;
  top: 81.28rpx;
  right: 30.08rpx;
  width: 120rpx;
  height: 50.016rpx;
  background-color: #3175fe;
  border-radius: 24.992rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22.016rpx;
  font-weight: bold;
  color: #fff;
}

.member .iconSet {
  position: absolute;
  top: 9.6rpx;
  right: 62.08rpx;
  font-weight: bold;
  color: #fff;
}

.wrapper {
  position: absolute;
  top: 208rpx;
  width: 100%;
  padding: 0 62.08rpx;
  padding-bottom: 224rpx;
}

.acticle {
  background: #fff;
  border-radius: 20rpx;
  padding-left: 26.016rpx;
  padding-right: 32rpx;
  padding-top: 15.2rpx;
  padding-bottom: 3.2rpx;
}

.acticle .acticleItem {
  display: flex;
  align-items: center;
  margin-bottom: 10.208rpx;
}

.acticle .acticleItem .label {
  width: 96rpx;
  height: 36rpx;
  background-color: #d6e4ff;
  border-radius: 4rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22.016rpx;
  font-weight: bold;
  color: #3175fe;
}

.acticle .acticleItem .title {
  margin-left: 12rpx;
  color: #202020;
  font-size: 30.016rpx;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tabs {
  margin-top: 20rpx;
  background: #fff;
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
  display: flex;
  padding: 27.616rpx 31.008rpx 16rpx;
}

.tabs .tabItem {
  font-size: 26.016rpx;
  font-weight: bold;
  color: #666;
  display: flex;
  align-items: flex-end;
}

.tabs .tabItem.active {
  font-size: 32rpx;
  color: #3175fe;
  position: relative;
}

.tabs .tabItem.active::after {
  content: '';
  display: block;
  width: 40rpx;
  height: 6.016rpx;
  background-color: #3175fe;
  border-radius: 3.008rpx;
  position: absolute;
  bottom: -12.8rpx;
  left: 9.6rpx;
}

.cards {
  padding-bottom: 44rpx;
}

.card:nth-child(1) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card {
  background-color: #fff;
  border-radius: 20rpx;
  padding: 24.992rpx 28rpx 32rpx 30.016rpx;
  margin-bottom: 20rpx;
}

.card .userInfo {
  display: flex;
  position: relative;
}

.card .opet {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}

.card .opet .btn {
  width: 120rpx;
  height: 50.016rpx;
  background-color: #3175fe;
  border-radius: 24.992rpx;
  color: #fff;
  font-size: 22.016rpx;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card .opet .iconfont {
  font-size: 40rrpx;
  display: flex;
  align-items: center;
  height: 40rrpx;
  margin-left: 35.008rpx;
}

.card .userInfo .face image {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
}

.card .userInfo .right {
  margin-left: 15.008rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card .userInfo .right .name {
  font-size: 30.016rpx;
  font-weight: bold;
  color: #333;
}

.card .userInfo .right .time {
  font-size: 22.016rpx;
  font-weight: bold;
  color: #999;
}

.card .title {
  font-size: 32rpx;
  font-weight: bold;
  color: #202020;
  padding-top: 32rpx;
  padding-bottom: 25.6rpx;
}

.card .desc {
  font-size: 26.016rpx;
  font-weight: bold;
  font-stretch: normal;
  color: #868585;
  margin-bottom: 25.6rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.card .contentImg image {
  max-width: 100%;
}

.card .circleWrapper {
  width: 296rpx;
  height: 38.016rpx;
  background-color: #f1f6ff;
  border-radius: 19.008rpx;
  display: flex;
  padding: 4rpx 7.008rpx;
}

.card .circleWrapper image {
  width: 30.016rpx;
  height: 30.016rpx;
  border-radius: 50%;
}

.card .circleWrapper .text {
  margin-left: 9.28rpx;
  font-size: 20rpx;
  font-weight: bold;
  color: #6d99f3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card .otherInfo {
  margin-top: 16rpx;
  display: flex;
  justify-content: flex-end;
}

.card .otherInfo .otherItem {
  margin-left: 32rpx;
  display: inline-flex;
  align-items: flex-end;
}

.card .otherInfo .otherItem .iconfont {
  display: inline-flex;
  vertical-align: baseline;
  margin-right: 3.2rpx;
  color: #7c7c78;
  align-items: center;
}

.card .otherInfo .otherItem .iconfont.active {
  color: #3175fe;
}

.noCircle {
  font-size: 22.016rpx;
  font-weight: bold;
  color: #787878;
  text-align: center;
}

.sendBtns {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 40.96rpx;
  height: 80rpx;
  padding: 0 68rpx;
}

.sendBtns .sendBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80rpx;
  font-size: 30.016rpx;
  color: #fff;
  background-color: #3175fe;
  border-radius: 40rpx;
}

.sendBtns .sendBtn.disabled {
  filter: grayscale(100%);
}

.postBtn {
  position: fixed;
  right: 32rpx;
  bottom: 96rpx;
  width: 96rpx;
  height: 96rpx;
  box-shadow:
    0 0 0 0
    rgba(190, 190, 190, 0.6);
}

.postBtn image {
  width: 96rpx;
  height: 96rpx;
}

.adminOperation {
  background-color: #f2f2f2;
}

.adminOperation .recommend {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  height: 110.08rrpx;
  border-bottom: 1.92rrpx solid #eee;
}

.adminOperation .delete {
  border-bottom: none;
  margin-bottom: 20.16rrpx;
}

.adminOperation .recommend_left {
  height: 39.04rrpx;
  width: 39.04rrpx;
}

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

.adminOperation .recommend_right {
  font-size: 32rrpx;
  color: #333;
  margin-left: 8.96rrpx;
}

.adminOperation .cancel {
  height: 110.08rrpx;
  color: #333;
  font-size: 32rrpx;
  text-align: center;
  line-height: 110.08rrpx;
  background: #fff;
}
