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