.container[data-v-4f90f972]{width:100%;height:100vh;overflow:hidden;position:relative}.container>div[data-v-4f90f972]{height:100%}.container>.chatList[data-v-4f90f972]{width:290px;min-width:290px;background:#1e232e;overflow:hidden;transition:all .5s ease}.container>.chatList>.con[data-v-4f90f972]{width:290px;height:100%;animation-duration:.5s}.container>.chatList>.con>div[data-v-4f90f972]{margin:0 auto}.container>.chatList>.con>.logo[data-v-4f90f972]{width:100%;height:96px;background:url(../img/bg_logo.6d80f5be.png) no-repeat;background-size:cover;cursor:pointer}.container>.chatList>.con>.logo>img[data-v-4f90f972]{width:170px}.container>.chatList>.con>.btn[data-v-4f90f972]{width:100%;padding:0 8px;box-sizing:border-box}.container>.chatList>.con>.btn>.nctBtn[data-v-4f90f972]{width:226px;height:40px;background:url(../img/newChat_bg.0dc3fe7e.png) no-repeat;background-size:100% 100%;cursor:pointer;font-size:14px;color:#fff;line-height:1em}.container>.chatList>.con>.btn>.retract[data-v-4f90f972]{width:40px;height:40px;border-radius:4px;border:1px solid hsla(0,0%,100%,.4);cursor:pointer}.container>.chatList>.con>.btn>.retract>img[data-v-4f90f972]{width:15px}.container>.chatList>.con>.list[data-v-4f90f972]{width:100%;height:calc(100% - 230px);padding:0 8px;box-sizing:border-box;margin-top:16px;overflow:hidden;overflow-y:auto}.container>.chatList>.con>.list>.itm[data-v-4f90f972]{width:100%;height:64px;box-sizing:border-box;transition:all .2s ease;border-radius:8px;padding:14px 12px 14px;overflow:hidden;position:relative;cursor:pointer}.container>.chatList>.con>.list>.itm>img[data-v-4f90f972]{width:20px;height:20px}.container>.chatList>.con>.list>.itm>.info[data-v-4f90f972]{width:212px;height:100%}.container>.chatList>.con>.list>.itm>.info>.title[data-v-4f90f972]{font-size:14px;line-height:18px;color:#edeff1;margin-bottom:8px}.container>.chatList>.con>.list>.itm>.info>.input[data-v-4f90f972]{margin-bottom:8px}.container>.chatList>.con>.list>.itm>.info>.input[data-v-4f90f972] .el-input{width:160px}.container>.chatList>.con>.list>.itm>.info>.input[data-v-4f90f972] .el-input>input{background:transparent;color:#fff;height:18px;font-size:12px;padding:0 5px;line-height:1em;border:1px solid #3e65e1}.container>.chatList>.con>.list>.itm>.info>.input>.oper[data-v-4f90f972]{color:#fff;font-size:16px}.container>.chatList>.con>.list>.itm>.info>.input>.oper>div[data-v-4f90f972]{margin-left:5px}.container>.chatList>.con>.list>.itm>.info>.time[data-v-4f90f972]{font-size:12px;line-height:12px;color:#868c99}.container>.chatList>.con>.list>.itm>.moz[data-v-4f90f972]{width:159px;height:100%;background:linear-gradient(90deg,rgba(30,35,46,0),#1e232e);position:absolute;right:0;top:0;box-sizing:border-box;padding:16px 12px 12px}.container>.chatList>.con>.list>.itm[data-v-4f90f972]:hover{background:#313746}.container>.chatList>.con>.list>.aitm[data-v-4f90f972]{background:#3a4253}.container>.chatList>.con>.list>.aitm>.moz[data-v-4f90f972]{display:flex!important;background:linear-gradient(90deg,rgba(58,66,83,0),#3a4253)}.container>.chatList>.con>.list>.aitm>.moz>.operate[data-v-4f90f972]{height:14px}.container>.chatList>.con>.list>.aitm>.moz>.operate>img[data-v-4f90f972]{width:16px;height:16px;cursor:pointer}.container>.chatList>.con>.list>.aitm>.moz>.operate>img+img[data-v-4f90f972]{margin-left:8px}.container>.chatList>.con>.bottom[data-v-4f90f972]{width:100%;height:8%;min-height:64px;flex:1;padding:0 8px;box-sizing:border-box;padding-bottom:17px}.container>.chatList>.con>.bottom>.loginout[data-v-4f90f972]{width:100%;height:46px;min-height:46px;border-radius:7px;border:1px solid hsla(0,0%,100%,.3);font-size:14px;color:#fff;padding:0 18px;box-sizing:border-box;cursor:pointer}.container>.chatList>.con>.bottom>.loginout img[data-v-4f90f972]{width:26px;height:26px;margin-right:8px;border-radius:50%}.container>.content[data-v-4f90f972]{flex:1;box-sizing:border-box;background:#f2f3f5;position:relative;transition:all .3s ease;padding:0 32px;padding-top:56px!important}.container>.content>div[data-v-4f90f972]{width:100%;box-sizing:border-box}.container>.content>.wnav[data-v-4f90f972]{height:56px;font-size:16px;color:#333;border-bottom:1px solid #e0e0e0;position:absolute;left:0;top:0;padding:0 14px;font-weight:600}.container>.content>.wnav>.expand[data-v-4f90f972]{height:100%;position:absolute;left:14px;top:0;cursor:pointer}.container>.content>.wnav>.expand>img[data-v-4f90f972]{width:16px;height:16px}.container>.content>.con[data-v-4f90f972]{height:100%;max-width:830px;min-width:570px;margin:0 auto;box-sizing:border-box;padding-bottom:40px;position:relative}.container>.content>.con>.msgCon[data-v-4f90f972]{width:100%;box-sizing:border-box;padding-bottom:40px;overflow:hidden;overflow-y:auto;scroll-behavior:smooth}.container>.content>.con>.msgCon>.load[data-v-4f90f972]{width:100%;padding:20px;font-size:16px}.container>.content>.con>.msgCon>.itm[data-v-4f90f972]{margin-top:20px}.container>.content>.con>.msgCon>.itm>div[data-v-4f90f972]{width:100%}.container>.content>.con>.msgCon>.itm>div>img[data-v-4f90f972]{width:38px;height:38px;margin-right:12px;border-radius:50%}.container>.content>.con>.msgCon>.itm>div>.message[data-v-4f90f972]{width:-moz-fit-content;width:fit-content;max-width:93%;background:#fff;border-radius:4px 8px 8px 8px;padding:20px;box-sizing:border-box}.container>.content>.con>.msgCon>.itm>div>.message>.txt[data-v-4f90f972]{max-width:100%;color:#3d424c;font-size:16px;line-height:26px;word-wrap:break-word}.container>.content>.con>.msgCon>.itm>div>.message>.tip>.txt[data-v-4f90f972]{color:#a0a4ad;font-size:12px}.container>.content>.con>.msgCon>.itm>div>.message>.tip>.operate[data-v-4f90f972]{color:#9397a0;font-size:14px}.container>.content>.con>.msgCon>.itm>div>.message>.tip>.operate>.itm[data-v-4f90f972]{cursor:pointer}.container>.content>.con>.msgCon>.itm>div>.message>.tip>.operate>.itm+.itm[data-v-4f90f972]{margin-left:32px}.container>.content>.con>.msgCon>.itm>div>.message>.tip>.operate>.itm>img[data-v-4f90f972]{width:16px;height:16px;margin-right:3px}.container>.content>.con>.msgCon>.itm>.player>.message[data-v-4f90f972]{background:#3873ef;padding:7px 16px}.container>.content>.con>.msgCon>.itm>.player>.message>.txt[data-v-4f90f972]{color:#fff}.container>.content>.con>.msgCon>.itm>.AI[data-v-4f90f972]{margin-top:24px;position:relative}.container>.content>.con>.submitArea[data-v-4f90f972]{width:100%;max-height:266px;box-sizing:border-box;padding-top:8px;position:relative}.container>.content>.con>.submitArea>.bg[data-v-4f90f972]{height:60px;position:absolute;left:0;top:-60px;background:linear-gradient(180deg,rgba(242,243,245,0) 0,#f2f3f5);z-index:0}.container>.content>.con>.submitArea>div[data-v-4f90f972]{width:100%;box-sizing:border-box}.container>.content>.con>.submitArea>.inputCon[data-v-4f90f972]{min-height:60px;max-height:224px;padding:10px 12px;border:1px solid #d3d7dd;box-shadow:0 2px 10px 0 rgba(143,151,168,.22);border-radius:12px;background:#fff;position:relative;padding-right:50px;z-index:1}.container>.content>.con>.submitArea>.inputCon>.add[data-v-4f90f972]{width:20px;height:20px;margin-bottom:11px}.container>.content>.con>.submitArea>.inputCon>.input[data-v-4f90f972]{flex:1;padding:0 12px}.container>.content>.con>.submitArea>.inputCon>.input[data-v-4f90f972] .el-textarea>textarea{padding:10px;max-height:204px!important;line-height:21px;font-size:16px;color:#333;border:none}.container>.content>.con>.submitArea>.inputCon>.submit[data-v-4f90f972]{position:absolute;right:13px;bottom:16px}.container>.content>.con>.submitArea>.inputCon>.submit>img[data-v-4f90f972]{width:33px;height:33px}