.comp-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden}.comp-content .toolbar{position:sticky;top:0;background:#fafafa;width:100%;min-height:56px;box-shadow:0 0 5px rgba(0,0,0,.1);border-bottom:1px solid #e9e9e9;z-index:2;padding:0 15px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.comp-content .toolbar .title-box{cursor:pointer;display:flex;align-items:center}.comp-content .toolbar .tool-box{display:flex;align-items:center;padding:5px 0 5px 20px}.comp-content .toolsbarRight{align-items:center}.comp-content .toolsbarRight button,.comp-content .toolsbarRight div{margin:5px 0 5px 8px!important}.comp-content>.content-box{width:100%;height:100%;display:flex;flex-direction:column;overflow:auto;flex-grow:1}.comp-content>.content-box>.table-box{flex-grow:1;padding:0 10px 10px;overflow:hidden}.comp-content>.content-box>.content{flex-grow:1;padding:0 10px;overflow:auto;display:flex;flex-direction:column}.comp-content>.content-box>.search-box{position:relative;padding:8px 10px;display:flex;align-items:center;flex-wrap:wrap;flex-shrink:0;z-index:30}.comp-content>.content-box>.search-box .search>div{display:inline-block;margin:5px 8px 5px 0!important;width:auto;min-width:200px;max-width:500px}.comp-content>.content-box>.search-box .btn{margin:5px 10px 5px 0}.comp-content>.content-box>.search-box .btn:last-child{margin-right:0}.comp-content>.content-box>.error-box{margin:10px}.comp-content .search{padding-right:10px}.comp-content .search .ivu-form-item{margin:5px 10px 5px 0!important}.comp-content .button-box{display:flex;flex-wrap:wrap;justify-content:flex-end}.comp-content .button-box>button,.comp-content .button-box>div{margin:3px 0 3px 5px}.comp-modal-page{position:fixed;top:0;left:0;right:0;bottom:0;padding:30px;background:rgba(0,0,0,.5);display:flex;align-items:flex-start;justify-content:center;visibility:hidden;opacity:0;transition:all .2s}.comp-modal-page>.content-page{position:relative;min-width:350px;display:flex;flex-direction:column;opacity:0;visibility:hidden}.comp-modal-page>.content-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2)}.comp-modal-page>.content-page>.head-box{position:relative;height:50px;border-bottom:1px solid #f3f3f3;flex-shrink:0;display:flex;align-items:center}.comp-modal-page>.content-page>.head-box .title{font-weight:500;color:#333;font-size:16px;margin:0 20px;flex-grow:1;min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.comp-modal-page>.content-page>.head-box .title span{display:none}.comp-modal-page>.content-page>.head-box .title span:first-child{display:initial}.comp-modal-page>.content-page>.head-box .head-operate{margin:0 20px 0 10px;flex-shrink:0;display:flex;align-items:center}.comp-modal-page>.content-page>.head-box .close-btn{margin:10px 0;padding:0 20px;font-size:18px;color:#333;font-weight:700;cursor:pointer;display:flex;align-items:center;border-left:1px solid #f3f3f3;flex-shrink:0}.comp-modal-page>.content-page>.scroll-content{position:relative;width:100%;flex-grow:1}.comp-modal-page>.content-page>.bottom-operate{position:relative;flex-shrink:0;border-top:1px solid #f3f3f3}.comp-modal-page>.content-page>.bottom-operate:empty{display:none}.comp-modal-page>.content-page>.bottom-operate .operate-btns{padding:6px 20px;display:flex;justify-content:center;flex-wrap:wrap}.comp-modal-page>.content-page>.bottom-operate .operate-btns .operate-btn{cursor:pointer;margin:5px 5px;padding:10px 20px;background:#fff;height:40px;flex:1;max-width:250px;line-height:20px;color:#333;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;border:1px solid #e3e3e3}.comp-modal-page>.content-page>.bottom-operate .operate-btns .operate-btn.highlight{background:#2faaf7;color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}@-webkit-keyframes show{0%{visibility:hidden;opacity:0}to{visibility:initial;opacity:1}}@keyframes show{0%{visibility:hidden;opacity:0}to{visibility:initial;opacity:1}}@-webkit-keyframes hide{0%{visibility:initial;opacity:1}99%{opacity:0;visibility:initial}to{opacity:0;visibility:hidden}}@keyframes hide{0%{visibility:initial;opacity:1}99%{opacity:0;visibility:initial}to{opacity:0;visibility:hidden}}.comp-modal-page.show{visibility:initial;opacity:1}.comp-modal-page.show>.content-page{-webkit-animation:show .3s forwards;animation:show .3s forwards}.comp-modal-page.hide{visibility:hidden;opacity:0}.comp-modal-page.hide>.content-page{-webkit-animation:hide .3s forwards;animation:hide .3s forwards}.comp-modal-page.full>.content-page{width:100%}.comp-modal-page.scroll>.content-page{max-height:100%}.comp-modal-page.scroll>.content-page>.scroll-content{overflow-x:auto;overflow-y:auto}.ivu-message{z-index:9999!important}.module-box[data-v-12b5ba5e]{min-width:500px;padding:10px 0;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap}.module-box>.item-box[data-v-12b5ba5e]{margin:10px;padding:20px;width:calc(50% - 20px);max-width:900px;background:#f5f5f5;border-radius:10px;box-sizing:border-box}@media (max-width:900px){.module-box>.item-box[data-v-12b5ba5e]{width:calc(100% - 20px)}}.module-box>.item-box>.title-box[data-v-12b5ba5e]{display:flex;align-items:flex-end;line-height:1}.module-box>.item-box>.title-box>.title[data-v-12b5ba5e]{font-size:20px;font-weight:700}.module-box>.item-box>.title-box>.operation[data-v-12b5ba5e]{position:relative;margin-left:15px;font-size:15px;color:#14b26c;padding-right:15px;text-align:right;cursor:pointer;font-weight:700}.module-box>.item-box>.title-box>.operation[data-v-12b5ba5e]:after{content:">";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:14px;color:#14b26c;font-family:SimSun}.module-box>.item-box>.tools-box[data-v-12b5ba5e]{margin:15px 0;display:flex;align-items:center;justify-content:space-between}.module-box>.item-box>.tools-box .button-box[data-v-12b5ba5e]{display:flex;align-items:center}.module-box>.item-box>.tools-box .button-box .item[data-v-12b5ba5e]{margin:0 5px 0 0}.module-box>.item-box>.content[data-v-12b5ba5e]{position:relative;margin:15px 0 0;background:#fff;border-radius:10px;overflow-y:auto;max-height:calc(100vh - 180px);box-shadow:0 0 10px rgba(0,0,0,.05)}.module-box>.item-box>.content>.title-box[data-v-12b5ba5e]{position:sticky;top:0;padding:15px 15px 0 15px;display:flex;align-items:center;background:#fff;z-index:10}.module-box>.item-box>.content>.title-box .operation[data-v-12b5ba5e]{position:relative;margin-left:auto;padding-right:15px;text-align:right;font-size:14px;color:#1890ff;cursor:pointer}.module-box>.item-box>.content>.title-box .operation[data-v-12b5ba5e]:after{content:">";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:14px;color:#1890ff;font-weight:700;font-family:SimSun}.module-box>.item-box>.content>.title-box .operation-btn[data-v-12b5ba5e]{margin-left:auto}.group-list-box[data-v-12b5ba5e]{padding:0 15px}.group-list-box.group-announcements .item[data-v-12b5ba5e]{cursor:pointer;padding:15px 5px;display:flex;justify-content:flex-start;border-bottom:1px solid #f3f3f3}.group-list-box.group-announcements .item[data-v-12b5ba5e]:last-child{border-bottom:none}.group-list-box.group-announcements .item .icon-view[data-v-12b5ba5e]{position:relative}.group-list-box.group-announcements .item .icon-view .image[data-v-12b5ba5e]{border-radius:5px;width:60px;height:60px}.group-list-box.group-announcements .item .icon-view .num[data-v-12b5ba5e]{padding:0 7px;right:-10px;top:-10px;position:absolute;color:#fff;background:#fa5151;border-radius:9px;text-align:center;font-size:12px;font-family:Source Han Sans CN;font-weight:500;box-sizing:border-box;min-width:18px}.group-list-box.group-announcements .item .name-view[data-v-12b5ba5e]{width:60%;margin-left:20px;font-size:16px;display:flex;flex-direction:column;justify-content:space-evenly}.group-list-box.group-announcements .item .name-view .time-view[data-v-12b5ba5e]{font-size:13px;color:#a3a1a1}.group-list-box.personal-messages .content-view[data-v-12b5ba5e]{padding:5px 0;color:#333}.group-list-box.personal-messages .content-view .content[data-v-12b5ba5e]{cursor:pointer;display:flex;padding:10px;border-bottom:1px solid #f3f3f3}.group-list-box.personal-messages .content-view .content[data-v-12b5ba5e]:last-child{border-bottom:none}.group-list-box.personal-messages .content-view .content .left[data-v-12b5ba5e]{position:relative}.group-list-box.personal-messages .content-view .content .left .avatar-image[data-v-12b5ba5e]{width:40px;height:40px;line-height:40px;margin-top:5px;border-radius:50%}.group-list-box.personal-messages .content-view .content .left .num[data-v-12b5ba5e]{padding:0 7px;right:-10px;top:-10px;position:absolute;color:#fff;background:#fa5151;border-radius:9px;text-align:center;font-size:12px;font-family:Source Han Sans CN;font-weight:500;box-sizing:border-box;min-width:18px}.group-list-box.personal-messages .content-view .content .right[data-v-12b5ba5e]{flex:1;margin-left:15px;display:flex;flex-direction:column;justify-content:space-evenly}.group-list-box.personal-messages .content-view .content .right .top[data-v-12b5ba5e]{display:flex;justify-content:space-between;color:#888}.group-list-box.personal-messages .content-view .content .right .text-content[data-v-12b5ba5e]{width:100%;word-wrap:normal;overflow:hidden;text-overflow:ellipsis}.group-list-box.group .liefeng-im-groups-group[data-v-12b5ba5e]{cursor:pointer;padding:10px 0;display:flex;justify-content:space-around;align-items:flex-start;width:100%;border-bottom:1px solid #f3f3f3;overflow:hidden}.group-list-box.group .liefeng-im-groups-group[data-v-12b5ba5e]:last-child{border-bottom:none}.group-list-box.group .liefeng-im-groups-group .AtBadge[data-v-12b5ba5e]{top:10px}.group-list-box.group .liefeng-im-groups-group .icon-view[data-v-12b5ba5e]{position:relative}.group-list-box.group .liefeng-im-groups-group .icon-view .img[data-v-12b5ba5e]{border-radius:5px;width:60px;height:60px}.group-list-box.group .liefeng-im-groups-group .icon-view .num[data-v-12b5ba5e]{padding:0 7px;right:-10px;top:-7px;position:absolute;color:#fff;background:#fa5151;border-radius:9px;text-align:center;font-size:12px;font-family:Source Han Sans CN;font-weight:500;box-sizing:border-box;min-width:18px}.group-list-box.group .liefeng-im-groups-group .content[data-v-12b5ba5e]{flex:1;display:flex;flex-direction:column;margin:0 0 0 20px;overflow:hidden}.group-list-box.group .liefeng-im-groups-group .content .content-name[data-v-12b5ba5e]{width:100%;display:flex}.group-list-box.group .liefeng-im-groups-group .content .content-name .group-name[data-v-12b5ba5e]{flex:1;font-size:16px;color:#555;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:5px 0}.group-list-box.group .liefeng-im-groups-group .content .content-name .extra-text[data-v-12b5ba5e]{flex-shrink:0;margin:5px;font-size:12px;text-align:right;color:#888}.group-list-box.group .liefeng-im-groups-group .content .group-note[data-v-12b5ba5e]{width:100%;font-size:12px;color:#888;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:2px 0}.group-list-box[data-v-12b5ba5e]:empty:after{content:"暂无未读消息";padding:130px 20px;color:#888;text-align:center;font-size:14px;display:block}