.wrap[data-v-2f5910e1]{height:100%}.wrap .user-box[data-v-2f5910e1]{height:100%;flex:1}.wrap .user-box .wrap-cont[data-v-2f5910e1]{height:100%;margin-top:20px}.wrap .user-box .wrap-cont .wrap-cont-list[data-v-2f5910e1]{margin-top:20px;height:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;overflow-y:auto}.wrap .user-box .wrap-cont .wrap-cont-list .wrap-cont-list-item[data-v-2f5910e1]{padding:10px;width:220px;height:60px;background-color:#fff;color:#222;margin:10px 10px 0 0;display:flex;align-items:center;border-radius:5px;cursor:pointer}.wrap .user-box .wrap-cont .wrap-cont-list .wrap-cont-list-item[data-v-2f5910e1]:hover{background-color:hsla(0,0%,100%,.9)}.wrap .user-box .wrap-cont .wrap-cont-list .wrap-cont-list-item div[data-v-2f5910e1]{margin-left:10px;font-size:12px}.wrap .user-box .wrap-cont .wrap-cont-list .wrap-cont-list-item div p[data-v-2f5910e1]{margin:5px 0}.wrap .user-box .wrap-cont .wrap-cont-list .wrap-cont-list-item.active[data-v-2f5910e1]{background-color:hsla(0,0%,100%,.7)}.wrap .history-box[data-v-2f5910e1]{flex:1;margin-left:40px;height:100%}.wrap .history-box .history-cont[data-v-2f5910e1]{border:1px solid #eee;height:91%;margin-top:20px;box-sizing:border-box}.wrap .history-box .history-cont .history-cont-top[data-v-2f5910e1]{padding:0 20px;height:80px;display:flex;align-items:center;border-bottom:1px solid #fff}.wrap .history-box .history-cont .history-cont-top div[data-v-2f5910e1]{margin-left:30px}.wrap .history-box .history-cont .history-cont-wrap[data-v-2f5910e1]{display:flex;height:calc(91% - 60px);padding:20px}.wrap .history-box .history-cont .history-cont-wrap .history-cont-userlist[data-v-2f5910e1]{flex:1;height:100%;overflow-y:auto;border:1px solid #ddd;box-sizing:border-box}.wrap .history-box .history-cont .history-cont-wrap .history-cont-userlist li[data-v-2f5910e1]{display:flex;align-items:center;border-bottom:1px solid #000;padding:10px}.wrap .history-box .history-cont .history-cont-wrap .history-cont-userlist li[data-v-2f5910e1]:hover{background-color:hsla(0,0%,100%,.03)}.wrap .history-box .history-cont .history-cont-wrap .history-cont-userlist li[data-v-2f5910e1]{cursor:pointer}.wrap .history-box .history-cont .history-cont-wrap .history-cont-userlist li div[data-v-2f5910e1]{margin:0 10px}.wrap .history-box .history-cont .history-cont-wrap .history-cont-userlist li.active[data-v-2f5910e1]{background-color:hsla(0,0%,100%,.1)}.wrap .history-box .history-cont .history-cont-wrap .chat-history[data-v-2f5910e1]{box-sizing:border-box;flex:1.5;border:1px solid #ddd;background-color:#fff;color:#222;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;height:100%}.wrap .history-box .history-cont .history-cont-wrap .chat-history ul[data-v-2f5910e1]{width:100%;list-style-type:none;overflow-y:auto;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.wrap .history-box .history-cont .history-cont-wrap .chat-history ul li[data-v-2f5910e1]{display:flex;flex-direction:column;margin-bottom:10px}.wrap .history-box .history-cont .history-cont-wrap .chat-history ul li p[data-v-2f5910e1]{margin-top:5px}[data-v-2f5910e1] .el-card__body{height:100%}