.message { text-align: center; align-self: start; }
.message .noMessage { background-color: #fff; }
.message .noMessage .picture {width:414rpx; height:336rpx; margin:20rpx auto; }
.message .noMessage .picture image{width:100%;height:100%; }
.message .list { margin: auto; }
.message .list .item { background-color: #fff; height: 148rpx; margin-bottom: 12rpx; display: flex; padding-top: 22rpx; width: 100%; padding-left: 20rpx; }
.message .list .item .icon { width: 104rpx; height: 104rpx; }
.message .list .item .icon image { width: 100%; height: 100%; border-radius: 50%;}
.message .list .item .content { margin-left: 20rpx; width: 82%; }
.message .list .item .content .header {display: flex; margin: 20rpx 0;}
.message .list .item .content .title { font-size: 32rpx; width: 50%; text-align: left; }
.message .list .item .content .color_read { color: #a1a1a1;}
.message .list .item .content .header .time { font-size: 26rpx; color: #a1a1a1; width: 50%; text-align: right; margin-right: 20rpx; }
.message .list .item .content .header .from { font-size: 26rpx; color: #a1a1a1; text-align: left; }