.messageIndex[data-v-4b0d84fe]{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.messageIndex .box[data-v-4b0d84fe]{background-color:#fff;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.05);box-shadow:0 1px 4px 0 rgba(0,0,0,.05);border-radius:2px;min-height:calc(100vh - 110px);padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.messageIndex .left[data-v-4b0d84fe]{width:100%}.messageIndex .right[data-v-4b0d84fe]{width:500px;margin-left:20px}.messageIndex .title[data-v-4b0d84fe]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #e6e6e6}.messageIndex .title .t1[data-v-4b0d84fe],.messageIndex .title[data-v-4b0d84fe]{height:52px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.messageIndex .title .t1[data-v-4b0d84fe]{color:#262626;font-size:16px;font-weight:500;position:relative;padding-left:10px}.messageIndex .title .t1[data-v-4b0d84fe]:before{content:"";display:inline-block;width:3px;border-radius:15px;height:18px;margin-right:6px;background-color:#2f88ff}.messageIndex .title .t2[data-v-4b0d84fe]{font-size:14px;color:#2f88ff;cursor:pointer}.messageIndex .con[data-v-4b0d84fe]{padding:10px 0;height:calc(100vh - 200px);overflow:auto}.messageIndex .con li[data-v-4b0d84fe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0;cursor:pointer}.messageIndex .con li .name[data-v-4b0d84fe]{width:40px;height:40px;background:#5e98ff;border-radius:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:500;font-size:20px;color:#fff}.messageIndex .con li .name.two[data-v-4b0d84fe]{font-size:14px}.messageIndex .con li .content[data-v-4b0d84fe]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:10px;overflow:hidden;position:relative}.messageIndex .con li .content .t1[data-v-4b0d84fe]{font-weight:500;font-size:14px;color:#5a626b;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:9px;width:calc(100% - 20px)}.messageIndex .con li .content .t2[data-v-4b0d84fe]{font-weight:400;font-size:13px;color:#aaa;line-height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.messageIndex .con li .content .read[data-v-4b0d84fe]{width:10px;height:10px;background:#ff5150;border-radius:100%;position:absolute;right:0;top:4px}.messageIndex .notice[data-v-4b0d84fe]{padding:14px 0}.messageIndex .notice li[data-v-4b0d84fe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.messageIndex .notice li p[data-v-4b0d84fe]{font-weight:500;font-size:14px;color:#5a626b;height:32px;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 80px);display:block}.messageIndex .notice li span[data-v-4b0d84fe]{font-weight:500;font-size:13px;color:#aaa}.conNull[data-v-4b0d84fe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.conNull p[data-v-4b0d84fe]{margin-top:20px;font-size:14px}