.message-warp[data-v-1e8bbe07]{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;max-width:800px;width:100%}.message-warp.right[data-v-1e8bbe07]{-ms-flex-direction:row-reverse;-webkit-box-direction:reverse;-webkit-box-orient:horizontal;flex-direction:row-reverse}.message-warp.right .card-content[data-v-1e8bbe07]{margin-bottom:10px;margin-right:10px}.message-warp.right p.name[data-v-1e8bbe07]{text-align:right}.message-warp .head-portrait[data-v-1e8bbe07]{height:30px;width:30px}.message-warp .card-content[data-v-1e8bbe07]{margin-left:10px;max-width:60%}.message-warp .card-content p.name[data-v-1e8bbe07]{color:#b5b5b5;font-size:12px;letter-spacing:0;line-height:12px}.message-warp .card-content p.name .green[data-v-1e8bbe07]{color:#04be02;margin-left:2px}.message-warp .card-content p.name .yellow[data-v-1e8bbe07]{color:#e6a23c;margin-left:2px}.message-warp .card-content .message-info[data-v-1e8bbe07]{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;width:-webkit-max-content;width:-moz-max-content;width:max-content}.message-warp .card-content .message-info.right[data-v-1e8bbe07]{-ms-flex-direction:row-reverse;-webkit-box-direction:reverse;-webkit-box-orient:horizontal;flex-direction:row-reverse;float:right}.message-warp .card-content .message-info .return[data-v-1e8bbe07]{-ms-flex-item-align:center;align-self:center;color:#737680;font-size:12px;min-width:36px}.warp[data-v-1e8bbe07]{color:#b9b9ba;font-size:12px;height:34px;line-height:34px;text-align:center}.mainBox[data-v-7a97a51f]{border:1px solid #e0e0e0;height:calc(100vh - 350px)}.mainBox .left[data-v-7a97a51f]{background:#3d445d;color:#fff;font-size:13px;width:90px}.mainBox .left .ti[data-v-7a97a51f]{border-bottom:1px solid #1d2541}.mainBox .left .ct[data-v-7a97a51f]{height:calc(100% - 40px);overflow:auto}.mainBox .left .list[data-v-7a97a51f]{border-bottom:1px solid #1d2541;cursor:pointer;padding:19px 10px 10px;position:relative}.mainBox .left .list .head[data-v-7a97a51f]{border-radius:4px;height:40px;width:40px}.mainBox .left .list .name[data-v-7a97a51f]{padding-left:4px}.mainBox .left .list .state[data-v-7a97a51f]{left:55px;position:absolute;top:24px}.mainBox .left .active[data-v-7a97a51f]{background:#6e7386}.mainBox .middle[data-v-7a97a51f]{border-right:1px solid #dcdfe6;font-size:13px;width:280px}.mainBox .middle .ti[data-v-7a97a51f]{border-bottom:1px solid #d1d1d1;color:#7d85a2;height:50px;line-height:50px;padding-left:15px}.mainBox .middle .ct[data-v-7a97a51f]{height:calc(100% - 50px);overflow:auto}.mainBox .middle .list[data-v-7a97a51f]{border-bottom:1px solid #dcdfe6;cursor:pointer;padding:15px 10px}.mainBox .middle .list img[data-v-7a97a51f]{border-radius:4px;float:left;height:30px;margin-right:10px;width:30px}.mainBox .middle .active[data-v-7a97a51f]{background:#f4f7fa}.mainBox .right .ti[data-v-7a97a51f]{background:#f4f7fa;border-bottom:1px solid #d1d1d1;color:#7d85a2;height:50px;line-height:50px;padding-left:10px}.mainBox .right .ct[data-v-7a97a51f]{-ms-flex-direction:column-reverse;-webkit-box-direction:reverse;-webkit-box-orient:vertical;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column-reverse;height:calc(100% - 51px);overflow:auto}.mainBox2[data-v-7a97a51f]{border:1px solid #e0e0e0;height:calc(100vh - 291px)}.mainBox2 .left[data-v-7a97a51f]{border-right:1px solid #dcdfe6;width:368px}.mainBox2 .left .ct[data-v-7a97a51f]{height:calc(100% - 39px);overflow:auto}.mainBox2 .left .ti[data-v-7a97a51f]{border-bottom:1px solid #dcdfe6;color:#7d85a2;height:38px;line-height:38px;padding:0 15px}.mainBox2 .left .list[data-v-7a97a51f]{border-bottom:1px solid #dcdfe6;cursor:pointer;padding:15px 10px}.mainBox2 .left .list img[data-v-7a97a51f]{border-radius:4px;float:left;height:30px;margin-right:10px;width:30px}.mainBox2 .left .active[data-v-7a97a51f]{background:#f4f7fa}.mainBox2 .right .ti[data-v-7a97a51f]{background:#f4f7fa;border-bottom:1px solid #d1d1d1;color:#7d85a2;height:38px;line-height:38px;padding:0 15px}.mainBox2 .right .ct[data-v-7a97a51f]{-ms-flex-direction:column-reverse;-webkit-box-direction:reverse;-webkit-box-orient:vertical;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column-reverse;height:calc(100% - 39px);overflow:auto}