.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;text-transform:capitalize}.message-list .message-title .time{color:rgba(4,15,66,.6);font-size:.32rem}.message-list .message-text{position:relative;color:rgba(4,15,66,.6);padding-bottom:.26667rem}.message-list .message-text .detail{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:.53333rem}.message-list .message-text span{position:absolute;top:.05333rem;bottom:0;right:0;margin:auto 0 auto auto}.message-detail{position:fixed;height:100dvh;z-index:1000;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-bottom:.26667rem}.message-detail,.message-detail .header{top:0;left:0;width:100vw;background:#fff}.message-detail .header{position:relative;height:1.2rem;border-bottom:.02667rem solid #ddd;margin-bottom:.13333rem}.message-detail .header h3{text-align:center;height:1.2rem;line-height:1.06667rem;font-size:.42667rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8rem;margin:0 auto}.message-detail .header>svg{position:absolute;top:0;bottom:0;right:.13333rem;margin-top:auto;margin-bottom:auto;margin-left:auto}.message-detail .detail-content{flex:1;background:#fff;padding:.26667rem;box-sizing:border-box}.message-detail .detail-scroll{flex:1;height:100%;overflow-y:auto;padding-top:1.06667rem;background:#fff;padding:.26667rem}.message-detail .detail-scroll .content img{width:100vw}