.message-list{margin:.26667rem;border-radius:.10667rem;padding:.26667rem .26667rem 0;border:.02667rem solid #ddd;border-left:.08rem solid #ff4146;border-top-left-radius:.21333rem;border-bottom-left-radius:.21333rem;background:#fff}.message-list.read{border-left:.08rem solid #41b983}.message-list .message-title{position:relative;display:flex;padding-bottom:.16rem;justify-content:space-between}.message-list .message-title .time{color:rgba(4,15,66,.6);font-size:.32rem}.message-list .message-text{display:flex;justify-content:space-between;color:rgba(4,15,66,.6);padding-bottom:.26667rem}.message-list .message-text .message-msg{flex:2;overflow:hidden;margin-right:.26667rem;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.message-list .message-text .detail{flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-list .details{max-height:0;transition:all .3s ease;color:rgba(4,15,66,.6);padding:0;overflow:hidden}.message-list .details.active{max-height:5.33333rem;padding:.26667rem 0;border-top:.02667rem solid #ddd}