/* pages/sysMsgList/sysMsgList.wxss */
.page{
  display: flex;
   flex-direction: column;
}
.cellbox{
  flex:1;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  margin-top: 172rpx;
}
.nonedata{
  margin-top: 172rpx;
}
.cell{
  position: relative;
  display: flex;
  padding:30rpx 32rpx 30rpx;
  background-color: #fff;
  border-bottom: 1rpx solid #E7E7E7;
}
.cell:last-child{
  border-bottom:none;
}
.cell .icon{
  width:72rpx;
  height:74rpx;
}
.cell .right{
  margin-left: 20rpx;
  flex:1;
}
.cell .namebox{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.namebox .name{
  font-size: 32rpx;
  color: rgba(51,51,51,0.9);
}
.namebox .date{
  font-size: 24rpx;
  color: rgba(102,102,102,0.9)
}
.cell .detail{
  margin-top: 8rpx;
  font-size: 28rpx;
color: rgba(0,0,0,0.4);
}
.circle{
  position: absolute;
  top:12rpx;
  right: 30rpx;
  width:20rpx;
  height:20rpx;
  background:rgba(239, 79, 32, 1);
  border-radius: 50%;
}
.right .row{
  margin-top: 10rpx;
  display: flex;
  justify-content: flex-end;
}
.button{
 padding:0 30rpx;
height: 30rpx;
font-size: 30rpx;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
height: 60rpx;
background: #3CC7C0;
border-radius: 30rpx;
color: #FFFFFF;

}
.nonedata{
  min-height:600rpx;
}