.notice__container{
  position: relative;
  background: rgba(241, 244, 245, 1);
}

.notice__content{
  position: relative;
  padding: 30rpx 40rpx;
  height: 100vh;
}

.notice__item{
  display: flex;
  align-items: center;
  flex-direction: column;
  /* justify-content: space-between; */
  /* padding: 40rpx 70rpx 50rpx 60rpx; */
  margin-bottom: 40rpx;
}

.notice__item :last-child{
  margin-bottom: 0;
}

.item__time{
  font-size: 26rpx;
  color: #FFFFFF;
  padding: 10rpx 16rpx;
  background: rgba(216, 217, 227, 0.8);
  border-radius: 30rpx;
  margin-bottom: 40rpx;
}

.item__container{
  background: rgba(255, 255, 255, 1);
  border-radius: 20rpx;
  margin-bottom: 14rpx;
  padding: 26rpx 30rpx 40rpx;
}

.item__title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 30rpx;
  padding-bottom: 26rpx;
  border-bottom: 1px solid rgba(216, 217, 227, 1);
}

.title__left{
  display: flex;
  align-items: center;
  color: rgba(33, 30, 58, 1);
}

.title__left::before{
  content: "";
  width: 16rpx;
  height: 16rpx;
  border-radius: 8rpx;
  margin-right: 10rpx;
}

.is--read::before{
  background: rgba(135, 135, 135, 1);
}
.no--read::before{
  background: rgba(255, 62, 75, 1);
}

.title__left image{
  width: 60rpx;
  height: 60rpx;
  margin-right: 8rpx;
}

.title__right{
  color: rgba(176, 178, 195, 1);
}

.title__right::after{
  content: '>'
}

.item__content{
  padding: 30rpx 0;
  font-size: 28rpx;
  color: rgba(65, 64, 84, 1);
}