.fans-meesage-box[data-v-31cc7a7a]{height:calc(100vh - 65px);margin:-20px -30px -30px;overflow:hidden;position:relative}.content-father-box[data-v-31cc7a7a]{position:absolute;left:0;top:0;width:100%;height:100%;padding:35px 60px}.content-big-box[data-v-31cc7a7a]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;border-radius:8px;overflow:hidden;max-width:1700px;min-width:1100px;margin:auto}.big-left-box[data-v-31cc7a7a]{width:224px;padding:10px 12px 12px;background:#e9e4e0;-ms-flex-negative:0;flex-shrink:0}.left-menu-box[data-v-31cc7a7a]{height:100%;overflow-y:overlay;margin-right:-12px;padding-right:12px}.left-label[data-v-31cc7a7a]{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;padding:0 15px;margin-bottom:3px}.left-label[data-v-31cc7a7a]:hover{background-color:#f2f3f5}.left-children-cell[data-v-31cc7a7a]{padding-left:35px;height:40px;line-height:40px;cursor:pointer;margin-bottom:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.left-children-cell[data-v-31cc7a7a]:hover{background-color:#f2f3f5}.left-children-cell-true[data-v-31cc7a7a]{background-color:#f2f3f5;font-weight:600}.big-center-box[data-v-31cc7a7a]{width:340px;background:#f8f8f8;border-right:1px solid #e5e5e5;height:100%;-ms-flex-negative:0;flex-shrink:0}.center-all-cell[data-v-31cc7a7a]{position:relative;overflow-y:overlay;height:calc(100% - 52px)}.center-cell-box[data-v-31cc7a7a]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 12px;cursor:default;background:#f8f8f8;cursor:pointer}.center-cell-box-true[data-v-31cc7a7a],.center-cell-box[data-v-31cc7a7a]:hover{background-color:#d6d6d6}.center-header-img[data-v-31cc7a7a]{width:45px;height:45px;-ms-flex-negative:0;flex-shrink:0}.center-text-box[data-v-31cc7a7a]{width:calc(100% - 57px);margin-left:12px;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}.center-text-msg[data-v-31cc7a7a]{color:#b8b8b8;font-size:12px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.center-header-name[data-v-31cc7a7a]{font-size:13px;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-header-hint[data-v-31cc7a7a]{font-size:12px;padding:0 5px;background-color:#f74545;color:#fff;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:39px}.big-right-box[data-v-31cc7a7a]{background-color:#f3f3f3;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;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}.message-scrol-box[data-v-31cc7a7a]{height:calc(100% - 297px)}.big-right-message[data-v-31cc7a7a]{padding:10px 20px 0;height:100%;overflow-y:overlay;overflow-anchor:auto}.big-right-message[data-v-31cc7a7a]::-webkit-scrollbar,.center-all-cell[data-v-31cc7a7a]::-webkit-scrollbar,.left-menu-box[data-v-31cc7a7a]::-webkit-scrollbar{width:7px}.big-right-message[data-v-31cc7a7a]::-webkit-scrollbar-thumb,.center-all-cell[data-v-31cc7a7a]::-webkit-scrollbar-thumb,.left-menu-box[data-v-31cc7a7a]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.big-center-box:hover .center-all-cell[data-v-31cc7a7a]::-webkit-scrollbar-thumb,.big-left-box:hover .left-menu-box[data-v-31cc7a7a]::-webkit-scrollbar-thumb,.message-scrol-box:hover .big-right-message[data-v-31cc7a7a]::-webkit-scrollbar-thumb{background-color:#999!important}.big-right-message[data-v-31cc7a7a]::-webkit-scrollbar,.center-all-cell[data-v-31cc7a7a]::-webkit-scrollbar,.left-menu-box[data-v-31cc7a7a]::-webkit-scrollbar{background-color:transparent}.text-message-container[data-v-31cc7a7a]{margin:0 10px;padding:10px;background-color:#fff;position:relative;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:70%}.text-message-container p[data-v-31cc7a7a]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:pre-line}.arrow-box-left[data-v-31cc7a7a]{border-right:6px solid #fff;left:-6px}.arrow-box-left[data-v-31cc7a7a],.arrow-box-right[data-v-31cc7a7a]{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;top:15px}.arrow-box-right[data-v-31cc7a7a]{border-left:6px solid #fff;right:-6px}.text-message-container p[data-v-31cc7a7a]{margin:0!important}.text p[data-v-31cc7a7a]{margin-bottom:0!important}.send-box[data-v-31cc7a7a]{height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:20px}.send-button[data-v-31cc7a7a]{color:#0fb30f;background-color:#e5e5e5;width:90px;text-align:center;height:30px;line-height:30px;cursor:pointer;margin-bottom:0;font-size:14px}.send-button[data-v-31cc7a7a]:hover{background-color:#ccc}.select_img-border[data-v-31cc7a7a]{-webkit-box-shadow:0 0 8px 5px #82befd;box-shadow:0 0 8px 5px #82befd}.img-content-null[data-v-31cc7a7a]{text-align:center;padding:50px 0 30px}.img-content-null-text[data-v-31cc7a7a]{color:#999;font-size:16px;margin-top:20px}.msg-img-box[data-v-31cc7a7a]{position:relative;height:160px;display:inline-block}.msg-img-del-icon[data-v-31cc7a7a]{display:none;position:absolute;width:30px;cursor:pointer}.msg-img-box:hover .msg-img-del-icon[data-v-31cc7a7a]{display:inline-block}.img_loading[data-v-31cc7a7a]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,.3)}.emoji-img[data-v-31cc7a7a]{width:30px;margin-right:5px;margin-bottom:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.emoji-img[data-v-31cc7a7a]:hover{background-color:#ccc}