#app .matching-content{padding:20px 28px 32px!important}.msg-con{min-height:500px}.msg-con .msg-list .msg-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:20px 0;border-bottom:1px solid var(--c-hairline,#eee);-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.msg-con .msg-list .msg-item.is-clickable{cursor:pointer}.msg-con .msg-list .msg-item:last-child{border-bottom:none}.msg-con .msg-list .msg-item .msg-icon-box{width:40px;height:40px;background:#e6f4ff;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:20px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative}.msg-con .msg-list .msg-item .msg-icon-box.is-unread:after{content:"";position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:#ff4d4f;border:2px solid #fff;border-radius:50%}.msg-con .msg-list .msg-item .msg-icon-box i{font-size:20px}.msg-con .msg-list .msg-item .msg-icon-box i.is-unread{color:var(--c-blue,#0079ea)}.msg-con .msg-list .msg-item .msg-icon-box i.is-read{color:#bfbfbf}.msg-con .msg-list .msg-item .msg-detail{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.msg-con .msg-list .msg-item .msg-detail .msg-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;margin-bottom:8px}.msg-con .msg-list .msg-item .msg-detail .msg-header .msg-title-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.msg-con .msg-list .msg-item .msg-detail .msg-header .msg-title{font-size:16px;font-weight:700;color:var(--c-ink,#333);margin-bottom:8px}.msg-con .msg-list .msg-item .msg-detail .msg-header .msg-time{font-size:14px;color:#999}.msg-con .msg-list .msg-item .msg-detail .msg-body{font-size:14px;color:var(--c-ink-3,#666);line-height:1.6}.msg-con .msg-list .msg-item .msg-detail .msg-sender{font-size:14px;color:var(--c-ink-3,#666);margin-left:50px}#app .msg-icon-box i.is-unread{color:#0079ea!important}#app .msg-icon-box i.is-read{color:#bfbfbf!important}.message-detail-content{min-height:60px;padding:10px;border-radius:4px;background:rgba(0,121,234,.05);line-height:1.6;white-space:pre-wrap;word-break:break-word}.message-detail-content,.message-detail-time{color:var(--c-ink-3,#606266)}.message-detail-image{width:300px;height:300px;border:1px solid var(--c-hairline,#ebeef5);border-radius:4px;background:#f5f7fa}.message-detail-image-error{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#c0c4cc;font-size:14px}.message-detail-image-error i{margin-bottom:8px;font-size:28px}