.chat[data-v-14fbe104]{display:flex;overflow:hidden;flex-direction:column;background-color:#fff;background-size:cover;width:100%}.chat .header[data-v-14fbe104]{height:56px;width:100%;position:absolute;z-index:5;left:0;top:0;background:linear-gradient(90deg,#5bb0ff,#3461ff);display:flex;padding:12px;align-items:center;justify-content:space-between}.chat .header .lef[data-v-14fbe104]{display:flex;align-items:center;font-size:16px;color:var(---1, #FFF);line-height:24px}.chat .header .lef img[data-v-14fbe104]{width:30px;height:30px;border-radius:30px;border:1px solid var(---1, #FFF);margin-right:8px}.chat .header .lef svg[data-v-14fbe104]{margin:0 12px}.chat .header .lef span[data-v-14fbe104]{color:var(---Dark-, rgba(255, 255, 255, .85));font-size:14px;line-height:22px;display:flex;align-items:center;cursor:pointer}.chat .header .lef span svg[data-v-14fbe104]{margin:0}.chat .header .rig[data-v-14fbe104]{display:flex;align-items:center;cursor:pointer;padding:0 3px}.chat .warpper[data-v-14fbe104]{width:100%;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 48px);position:relative;z-index:1}.chat .warpper .sider[data-v-14fbe104]{height:56px;border-bottom:1px solid var(---, rgba(0, 0, 0, .06))}.chat .warpper .chatlistBor[data-v-14fbe104]{flex:1;width:360px;padding:54px auto 12px auto;box-sizing:border-box;margin:0 auto;overflow:hidden;border-radius:0 0 2px 2px;border-right:1px solid var(---, #D9D9D9);border-bottom:1px solid var(---, #D9D9D9);border-left:1px solid var(---, #D9D9D9);background:var(---1, #FFF)}