.content[data-v-35ddc11e]{height:calc(100vh - 600px);overflow:scroll}.ipt_class[data-v-35ddc11e]{display:-ms-flexbox;display:flex}.ipt_class .search_box[data-v-35ddc11e]{-ms-flex:1;flex:1}.user_box[data-v-35ddc11e]{padding-top:10px}.menu-box[data-v-781cf7c8]{width:60px;height:100%;background-color:var(--primary-color);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.menu-box .bottom-item>div[data-v-781cf7c8],.menu-box .top-item>div[data-v-781cf7c8]{width:40px;height:40px;margin-top:20px;border-radius:1px;overflow:hidden;position:relative;cursor:pointer}.menu-box .top-item[data-v-781cf7c8]{margin-top:20px}.menu-box .bottom-item[data-v-781cf7c8]{margin-bottom:15px}.menu-box .avatar[data-v-781cf7c8]{position:relative}.menu-box .avatar[data-v-781cf7c8]:before{position:absolute;content:"";width:100%;height:100%;background:hsla(0,0%,100%,.1);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.menu-box .badge[data-v-781cf7c8]{background:url(../img/badge-normal.22aee933.svg) no-repeat 50%}.menu-box .badge.active[data-v-781cf7c8],.menu-box .badge[data-v-781cf7c8]:hover{background:url(../img/badge-hover.8cd310a6.svg) no-repeat 50%}.menu-box .badge.active[data-v-781cf7c8]:before,.menu-box .badge[data-v-781cf7c8]:hover:before{position:absolute;content:"";width:100%;height:100%;background:hsla(0,0%,100%,.1);left:0;top:0}.menu-box .full-screen[data-v-781cf7c8]{background:url(../img/full-screen-normal.d0e2478c.svg) no-repeat 50%}.menu-box .full-screen.active[data-v-781cf7c8],.menu-box .full-screen[data-v-781cf7c8]:hover{background:url(../img/full-screen-hover.3406ea70.svg) no-repeat 50%}.menu-box .full-screen.active[data-v-781cf7c8]:before,.menu-box .full-screen[data-v-781cf7c8]:hover:before{position:absolute;content:"";width:100%;height:100%;background:hsla(0,0%,100%,.1);left:0;top:0}.menu-box .folde[data-v-781cf7c8]{background:url(../img/folde-normal.47f99ccd.svg) no-repeat 50%}.menu-box .folde.active[data-v-781cf7c8],.menu-box .folde[data-v-781cf7c8]:hover{background:url(../img/folde-hover.c7aacec8.svg) no-repeat 50%}.menu-box .folde.active[data-v-781cf7c8]:before,.menu-box .folde[data-v-781cf7c8]:hover:before{position:absolute;content:"";width:100%;height:100%;background:hsla(0,0%,100%,.1);left:0;top:0}.menu-box .ski[data-v-781cf7c8]{background:url(../img/ski-normal.b43d742f.svg) no-repeat 50%}.menu-box .ski.active[data-v-781cf7c8],.menu-box .ski[data-v-781cf7c8]:hover{background:url(../img/ski-hover.e8d5dc97.svg) no-repeat 50%}.menu-box .ski.active[data-v-781cf7c8]:before,.menu-box .ski[data-v-781cf7c8]:hover:before{position:absolute;content:"";width:100%;height:100%;background:hsla(0,0%,100%,.1);left:0;top:0}.menu-box .set[data-v-781cf7c8]{background:url(../img/set-normal.787ba339.svg) no-repeat 50%}.menu-box .set.active[data-v-781cf7c8],.menu-box .set[data-v-781cf7c8]:hover{background:url(../img/set-hover.278360ae.svg) no-repeat 50%}.menu-box .set.active[data-v-781cf7c8]:before,.menu-box .set[data-v-781cf7c8]:hover:before{position:absolute;content:"";width:100%;height:100%;background:hsla(0,0%,100%,.1);left:0;top:0}.menu-box .add[data-v-781cf7c8]{background:url(../img/plus-normal.2fa2023f.svg) no-repeat 50%}.menu-box .add.active[data-v-781cf7c8],.menu-box .add[data-v-781cf7c8]:hover{background:url(../img/plus-hover.4d3fa7f0.svg) no-repeat 50%}.menu-box .add.active[data-v-781cf7c8]:before,.menu-box .add[data-v-781cf7c8]:hover:before{position:absolute;content:"";width:100%;height:100%;background:hsla(0,0%,100%,.1);left:0;top:0}.menu-box .contact[data-v-781cf7c8]{background:url(../img/contact-normal.cf82dbbb.svg) no-repeat 50%}.menu-box .contact.active[data-v-781cf7c8],.menu-box .contact[data-v-781cf7c8]:hover{background:url(../img/contact-hover.e19109b0.svg) no-repeat 50%}.menu-box .contact.active[data-v-781cf7c8]:before,.menu-box .contact[data-v-781cf7c8]:hover:before{position:absolute;content:"";width:100%;height:100%;background:hsla(0,0%,100%,.1);left:0;top:0}.menu-box .color-picker_box[data-v-781cf7c8]{opacity:0}.address-book-content[data-v-7f66b948]{display:-ms-flexbox;display:flex}.address-book-content .nav-open_box[data-v-7f66b948]{padding:12px 0;width:280px;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.address-book-content .nav-open_box .nav_user_box[data-v-7f66b948]{overflow:auto}.address-book-content .nav-open_box h3[data-v-7f66b948]{font-size:14px;color:#333;text-align:left;margin:12px;font-weight:600}.address-book-content .ready-send_box[data-v-7f66b948]{-ms-flex:1;flex:1;background:#f7f8fa}[data-v-7f66b948] .ant-input-affix-wrapper .ant-input{min-height:100%;background-color:#edf0f6!important}.contact-tree_box .personal_box[data-v-7f66b948]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.contact-tree_box .tree_item[data-v-7f66b948]{margin:5px 0}.contact-tree_box .tree_item .avatar_box[data-v-7f66b948]{padding-right:5px}.contact-tree_box .user-box[data-v-7f66b948]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:5px 0}.contact-tree_box .user-box .name[data-v-7f66b948]{padding-left:5px}.contact-tree_box .is-checked .user-box[data-v-7f66b948]{color:rgb(var(--color-primary))}.nodeData[data-v-7f66b948]{width:100%}.nodeData[data-v-7f66b948],[data-v-7f66b948] .ant-tree li .ant-tree-node-content-wrapper{height:60px;line-height:60px}.title_box[data-v-7f66b948]{font-size:16px}.avatar-wrapper[data-v-7f66b948]{position:relative;display:inline-block}.online-status[data-v-7f66b948]{position:absolute;right:0;top:0;width:12px;height:12px;border-radius:50%;background-color:#ccc;border:2px solid #fff}.online-status.online[data-v-7f66b948]{background-color:#52c41a}.chat-contain[data-v-963dd682]{width:100%;height:calc(100vh - 93px);background:url(../img/bg.3a54f184.png) no-repeat 50%;background-size:100% 100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.chat-contain .chat-box[data-v-963dd682]{background:#fff;transition:all .4s cubic-bezier(.645,.045,.355,1);display:-ms-flexbox;display:flex}.chat-contain .chat-content[data-v-963dd682]{-ms-flex:1;flex:1}