/* pages/sysMsgDetail/sysMsgDetail.wxss */
.toptip {
  display: flex;
  padding:30rpx 0rpx 0rpx 32rpx;

  background: #FFFFFF;
}
.page{
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.circle{
  width: 20rpx;
  height:20rpx;
  background: #EF4F20;
  border-radius: 50%;
}
.boxcon{
  margin-top: 172rpx;
  flex:1;
  overflow-y:scroll ;
  -webkit-overflow-scrolling: touch;
}

.titlebox {
  display: flex;
  margin-right: 32rpx;
  justify-content: space-between;
 
}
.msg{
  flex:1;
  min-height: 80rpx;
 padding-bottom: 30rpx;
  margin-left: 20rpx;
  display: flex;
  flex-direction: column;
  border-bottom: 1rpx solid #E3E4E5;
}
.msg .title {
  font-size: 30rpx;

  color: rgba(51,51,51,0.9);
}

.msg .tips {
  margin-right: 32rpx;
  margin-top: 10rpx;
  font-size: 28rpx;
  color: #666;
}
.bell{
  width:60rpx;
  height:60rpx;
  flex-shrink: 0;
}
.bage {
  min-width: 17rpx;
  padding: 0 10rpx;
  height: 36rpx;
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: center;
  border-radius: 30rpx;
  font-size: 26rpx;
  background: #EF4F20;
}
.allread{
  position: fixed;
  width:158rpx;
  height:84rpx;
  right:0;
  bottom:200rpx;
}