/* pages/notification/notification.wxss */
.main {
  margin: 30rpx 0;
  width: 750rpx;
}

.content {
  height: 100%;
  width: 90%;
  margin: 0 auto;
}

.item {
  height: 25vh;
  width: 100%;
  border-radius: 5rpx;
  margin: 40rpx auto;
  box-shadow: 0px 0px 15rpx #e2e2e2;
  padding: 0 30rpx;
  box-sizing: border-box;
}

.item2 {
  height: 250rpx;
  width: 100%;
  border-radius: 5rpx;
  margin: 40rpx auto;
  box-shadow: 0px 0px 15rpx #e2e2e2;
  padding: 0 30rpx;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35rpx;
  color: #333;
}

.title {
  height: 80rpx;
  width: 100%;
  display: flex;
  font-size: 35rpx;
  color: #333;
  justify-content: space-between;
  align-items: center;
}

.icon {
  height: 80rpx;
  width: 80rpx;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAUFJREFUaEPtlk9Kw0AYxV9imOJG9ACKixYCrkqX7cqj6Ak8iSewR3Fll6WrQkEXRQ/Q4qZ0iIkEKfinSjLfAxl42Wa+b+b9fjOTJIj8SSJfPxTgvw3KgAwYCWgLGQGay2XAjNDYQAaMAM3lMmBGaGwgA0aA5nIZ+A3h7BzHh2V2Ub/fpMW8v8TajHtPA7qBxy6O3rbuFgmuvsxXYXzQ8Te9J7wyg1AD1IsvvLtPgMG+RVbANHP+khmCGmBx6u5+kP+epMI4f/HXLAu0AB973q2aLGyT+hPWmaAFWJxlQyB9aBIAKEf5czFpNvbvUQqw4xP9FqqDRH2I6wDRX6O7ENF+yD7fF9H+SjCuxjY9aNdom0mZYxWASTOklwyEUGPWyACTZkgvGQihxqyRASbNkF4yEEKNWSMDTJohvWQghBqz5h1dzlgxx+Kj6QAAAABJRU5ErkJggg==);
  background-size: 100%;
  background-repeat: no-repeat;
}

.msg {
  height: 10vh;
  width: 100%;
  font-size: 30rpx;
  color: #666;
}

.bottom {
  height: 70rpx;
  color: #333;
  font-size: 30rpx;
  line-height: 70rpx;
  text-align: right;
}

.readed-container {
  width: 100vw;
  display: flex;
  justify-content: flex-end;
}

.readed {
  width: 20vw;
  display: flex;
  margin-right: 5vw;
  padding:  5rpx 5rpx 5rpx 5rpx;
  justify-content: center;
  align-items: center;
  font-size: small;
  background-color: #E2EDFE;
  border-radius: 10rpx;
  color: #4393FE;
}