*{margin:0}.background[data-v-3ed5937f]{width:100%;background:url(../../static/img/202131721342.375e5a72.png) no-repeat;height:100vh;overflow:hidden;background-size:cover}.background .mask[data-v-3ed5937f]{position:fixed;width:100%;top:35%;left:50%;box-sizing:border-box;padding:20px 40px;border-radius:15px;transform:translate(-50%,-50%);background-color:hsla(0,0%,99%,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.background .mask .text[data-v-3ed5937f]{color:#2e2e2e;font-size:20px}.background[data-v-53e22a74]{width:100%;background:url(../../static/img/LoginBG.f5e6c9bf.png) no-repeat;height:100vh;overflow:hidden;background-size:cover}.background .mask[data-v-53e22a74]{position:fixed;width:100%;top:35%;left:50%;box-sizing:border-box;padding:20px 40px;border-radius:15px;transform:translate(-50%,-50%);background-color:hsla(0,0%,99%,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.background .mask .text[data-v-53e22a74]{color:#2e2e2e;font-size:20px}a[data-v-501e92a0]{text-decoration:none}.el-menu-vertical-demo[data-v-501e92a0]:not(.el-menu--collapse){width:100%;height:100%}.is-active[data-v-501e92a0]{background:#da5656}.router-link-active[data-v-501e92a0]{text-decoration:none}.Header[data-v-501e92a0]{height:70px;padding:5px 10px;justify-content:space-between;background:#fff}.Header .logo[data-v-501e92a0],.Header[data-v-501e92a0]{display:flex;align-items:center}.Header .top-right[data-v-501e92a0]{display:flex;align-items:center;padding-right:20px}.Header .top-right img[data-v-501e92a0]{margin-left:8px;width:30px}.Aside[data-v-501e92a0]{max-height:calc(100vh - 70px);overflow-y:auto;box-sizing:border-box;overflow:hidden;transition:width .35s ease}.Aside .box[data-v-501e92a0]{display:flex;justify-content:space-between;align-items:center}.Aside .text[data-v-501e92a0]{font-weight:700;font-size:larger;width:50%;padding:0 0 0 25px;box-sizing:border-box}.Aside .button[data-v-501e92a0]{flex:1;margin-top:5px}.Aside[data-v-501e92a0]::-webkit-scrollbar{width:2px}.Aside[data-v-501e92a0]::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.Main[data-v-501e92a0]{height:calc(100vh - 70px);max-height:calc(100vh - 70px);overflow-y:auto;min-width:400px;box-sizing:border-box;padding:10px}.border[data-v-501e92a0]{border:1px solid #f4a460}.el-menu-vertical-demo[data-v-501e92a0]{width:100%;height:100%}.el-menu-vertical-demo-active[data-v-501e92a0]{background:hsla(0,66%,77%,.8)}.content[data-v-00347372]{width:100%}.form[data-v-00347372]{display:flex;margin-top:200px;flex-direction:column;align-items:center;justify-content:center;width:80vw}.button[data-v-00347372]{width:100%}.pagination[data-v-fb4544ec]{position:absolute;bottom:10px;right:20px}.add[data-v-fb4544ec]{float:right;margin:0 0 10px 0}.add .el-button[data-v-fb4544ec]{width:200px;font-size:20px}.pagination[data-v-4e978594],.pagination[data-v-7b82614a],.pagination[data-v-7bb13fb8]{position:absolute;bottom:10px;right:20px}.add[data-v-4e978594]{float:right;margin:0 0 10px 0}.add .el-button[data-v-4e978594]{width:200px;font-size:20px}.Chat[data-v-7ae3f521]{width:100%;height:100%;box-sizing:border-box;border:1px solid #a1a1a1}.Chat .userlist[data-v-7ae3f521]{border-right:1px solid #a1a1a1}.Chat .userlist .box-left[data-v-7ae3f521]{display:flex;justify-content:space-between;padding:0 10px;align-items:center;height:40px;background:hsla(20,7%,91%,.8)}.Chat .userlist .box-left .user-right .ball[data-v-7ae3f521]{text-align:center;width:25px;height:25px;border-radius:50%;background:#fa5151;color:#f0f8ff}.Chat .userlist .box-left[data-v-7ae3f521]:hover{background:#dfdcdb}.Chat .message[data-v-7ae3f521]{box-sizing:border-box}.Chat .left[data-v-7ae3f521]{width:100%}.Chat .left .time[data-v-7ae3f521]{text-align:center;font-size:10px}.Chat .left .box[data-v-7ae3f521]{width:100%;display:flex;justify-content:flex-start}.Chat .left .box .text[data-v-7ae3f521]{width:50px;height:50px;border:1px solid #000;border-radius:50%;background:#fff;margin:10px 10px;text-align:center;line-height:50px}.Chat .left .box .message[data-v-7ae3f521]{height:40px;margin:15px 5px;font-size:20px;background:rgba(53,255,0,.774);line-height:40px;word-wrap:break-word;border-radius:5px;padding:0 8px;box-sizing:border-box;box-shadow:inset 0 0 6px 2px rgba(95,230,104,.2),0 0 0 2px rgba(245,91,90,.1),.3em .3em 1em rgba(245,91,91,.5)}.Chat .right[data-v-7ae3f521]{width:100%}.Chat .right .box[data-v-7ae3f521]{width:100%;display:flex;justify-content:flex-end}.Chat .right .box .text[data-v-7ae3f521]{width:50px;height:50px;min-width:50px;min-height:50px;background:rgba(0,150,255,.2);color:#f0f8ff;border:1px solid hsla(0,0%,54%,.5);border-radius:50%;margin:10px 10px;text-align:center;line-height:50px}.Chat .right .box .message[data-v-7ae3f521]{width:auto;min-height:40px;max-width:70%;margin:15px 5px;font-size:20px;background:#fff;word-wrap:break-word;line-height:40px;padding:0 8px;box-sizing:border-box;border-radius:5px;box-shadow:inset 0 0 6px 1px rgba(0,0,0,.2),0 0 0 2px rgba(245,91,90,.1),-8px 6px 1em rgba(245,91,91,.5)}.Chat .send[data-v-7ae3f521]{border-top:1px solid #a1a1a1}.selected[data-v-7ae3f521]{background-color:#ff0!important}.selected{background-color:#ff0}