.read-btn[data-v-8c338ebe]{width:121px;height:32px;background:#474f66;border-radius:16px;line-height:32px;color:#fff;text-align:center;cursor:pointer}.read-btn[data-v-8c338ebe]:hover{opacity:.8}.message-item[data-v-8c338ebe]{background:#fff;padding:30px;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}.message-item[data-v-8c338ebe]:hover{-webkit-box-shadow:0 10px 20px 0 rgba(72,78,100,.1);box-shadow:0 10px 20px 0 rgba(72,78,100,.1)}.message-item .message-type-img[data-v-8c338ebe]{-ms-flex-negative:0;flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden}.message-item .message-content[data-v-8c338ebe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:5px 0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:0}.message-item .message-content .name[data-v-8c338ebe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.message-item .unread-message[data-v-8c338ebe]{padding:0 20px;height:32px;-ms-flex-negative:0;flex-shrink:0;line-height:32px;border-radius:16px;background:rgba(254,78,83,.1);text-align:center;-ms-flex-item-align:end;align-self:flex-end}