payProject/pages/guildMessage/index.wxss

/* pages/guildMessage/index.wxss */

.title-text {
  margin-left: 30rpx;
  font-size: 36rpx;
  font-weight: 600;
  line-height: 90rpx;
  color: #333333;
}

.carding {
  margin-left: 30rpx;
  width: 690rpx;
  height: 300rpx;
  background: #FFFFFF;
  border-radius: 24rpx;
}

.carding .top {
  display: flex;
  align-items: center;
  width: 100%;
  height: 80rpx;
}

.carding .top .title {
  margin-left: 20rpx;
  font-size: 28rpx;
  font-weight: 400;
  line-height: 80rpx;
  color: #333333;
  flex: 1;
}

.carding .top .img {
  margin-right: 20rpx;
  width: 56rpx;
  height: 56rpx;
}

.carding_content {
  margin-top: 16rpx;
  width: 590rpx;
  margin-left: 50rpx;
  display: flex;
  align-items: center;
  position: relative;
}

.carding_item {
  z-index: 11;
  margin-right: 31rpx;
  width: 72rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.carding__img {
  width: 72rpx;
  height: 72rpx;
}

.carding_number {
  margin-top: 5rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: #333333;
}

.viewData {
  margin-top: 20rpx;
  width: 100%;
  height: 50rpx;
  text-align: center;
  line-height: 50rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: #999999;
}

.line_show {
  margin-left: 10rpx;
  z-index: 8;
  position: absolute;
  width: 534rpx;
  height: 4rpx;
  background: #F9DB55;
  top: 36rpx;
}

/* <view class="carding_content">
          <view class="carding_item">
            <image class="carding__img"></image>
            <view class="carding_number">几号</view>
          </view>
        </view> */

/* ================================================= */

.use-popup {
  width: 640rpx;
  height: 598rpx;
  background: #FFFFFF;
  border-radius: 40rpx;
  padding: 60rpx 48rpx;
  box-sizing: border-box;
  position: relative;
  /* justify-content: center; */
  /* justify-content: space-evenly; */
}

.use-popup .close-img {
  width: 56rpx;
  height: 56rpx;
  /* background: red; */
  position: absolute;
  top: 16rpx;
  right: 16rpx;
}

.use-popup .title {
  /* margin-top: 60rpx; */
  font-size: 36rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
}

.use-popup .text-cotent {
  /* background-color: red; */
  overflow-y: scroll;
  text-align: left;
  /* height: 100%; */
}

.title_guild {
  margin-bottom: 30rpx;
  width: 520rpx;
  text-align: center;
  font-size: 36rpx;
  font-weight: 500;
  color: #000000;
}

.inText {
  margin-top: 20rpx;
  width: 540rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: #000000;
  line-height: 40rpx;
}

.skin-popup .wux-landscape__inner {
  padding: 0 !important;
}

.skin-popup .popup-index--wux-popup {
  width: 650rpx !important;
  max-width: 650rpx !important;
}