.message-box[data-v-3ad2756d]{padding:10px;min-height:50vh;max-height:80vh;overflow-x:hidden;overflow-y:scroll;background-color:#f5f5f5}.message-box .item[data-v-3ad2756d]{padding:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.message-box .item .meta-box[data-v-3ad2756d]{width:40px;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-align:start;-ms-flex-align:start;align-items:flex-start}.message-box .item .content-box[data-v-3ad2756d]{padding-left:10px}.message-box .item .content-box span[data-v-3ad2756d]{color:#a5b5c1;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex}.message-box .item .content-box .content-area[data-v-3ad2756d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.message-box .item .content-box .content-area .content[data-v-3ad2756d]{outline:none;font-size:14px;position:relative;max-width:350px;word-wrap:break-word;word-break:break-all;padding:10px;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.1);box-shadow:0 5px 10px 0 rgba(0,0,0,.1);background-color:#fff;margin-left:15px;border-radius:0 4px 4px 4px;float:left}.message-box .item .content-box .content-area .content[data-v-3ad2756d]:before{position:absolute;top:0;left:-10px;content:"";display:inline-block;border-radius:4px;border-color:#fff #fff transparent transparent;border-style:solid;border-width:10px}.message-box .item .content-box .file-box[data-v-3ad2756d]{display:-webkit-box;display:-ms-flexbox;display:flex}.message-box .item .content-box .file-box .file-list[data-v-3ad2756d]{margin-top:8px;border:1px dashed #607d8b;display:inline-block}.message-box .item .content-box .file-box .file-list .file-item[data-v-3ad2756d]{display:inline-block;cursor:pointer;position:relative;margin:5px;height:80px;width:80px}.message-box .item .content-box .file-box .file-list .file-item img[data-v-3ad2756d]{width:80px;max-height:80px}.message-box .item .content-box .file-box .file-list .file-item[data-v-3ad2756d]:before{position:absolute;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;-webkit-transition:all .3s;transition:all .3s;content:" "}.message-box .item .content-box .file-box .file-list .file-item[data-v-3ad2756d]:hover:before{opacity:1}.message-box .left .content-box .file-box[data-v-3ad2756d],.message-box .left[data-v-3ad2756d]{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}.message-box .right[data-v-3ad2756d]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.message-box .right .meta-box[data-v-3ad2756d]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.message-box .right .content-box[data-v-3ad2756d]{padding-left:0;padding-right:10px}.message-box .right .content-box span[data-v-3ad2756d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.message-box .right .content-box .content-area .content[data-v-3ad2756d]{margin-left:0!important;background-color:#5cadff!important;margin-right:15px;border-radius:4px 0 4px 4px;color:#fff}.message-box .right .content-box .content-area .content[data-v-3ad2756d]:before{position:absolute;top:0;right:-10px;left:auto!important;content:"";display:inline-block;border-radius:4px;border-color:#5cadff transparent transparent #5cadff!important;border-style:solid!important;border-width:10px!important;border-left-color:#5cadff}.message-box .right .content-box .file-box[data-v-3ad2756d]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.main-box[data-v-35c66e3e]{background-color:#fff;padding:10px}.main-box .reply-box[data-v-35c66e3e]{padding:10px}.main-box .reply-box .button-group[data-v-35c66e3e]{text-align:center}.main-box .reply-box .button-group button[data-v-35c66e3e]{margin:0 10px}