.right-click-menu[data-v-3d16c3e6]{position:fixed;z-index:9999;background:#fff;border:1px solid #ccc;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);min-width:120px}.menu-item[data-v-3d16c3e6]{padding:8px 16px;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.menu-item[data-v-3d16c3e6]:hover{background:#f5f5f5}.chat{background:#fff}.grap{width:100%;height:10px}.chat-top{height:600px;border-bottom:1px solid #f5f5f5;.name{height:65px;line-height:65px;padding-left:20px;border-bottom:1px solid #f5f5f5;font-size:20px}.chat-content{border:0;width:100%;height:530px;padding:10px;font-size:16px;overflow-y:scroll;.chat-item{&+.chat-item{margin-top:24px}.chat-time{margin:16px 0;color:#8b8d94;text-align:center}.chat-msg{display:-webkit-box;display:-ms-flexbox;display:flex;.avatar{width:32px;height:32px;-webkit-text-fill-color:#2979ff}.msg-content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 42px 0 12px;.name-box{padding:0 0 0 2px;margin-top:-12px;font-size:12px;color:#7a787b}.msg-box{float:left;position:relative;padding:6px;max-width:100%;word-break:break-word;background-color:#fff;border-radius:3px;&:after{content:"";position:absolute;top:3px;left:-8px;width:0;height:0;border-width:8px 12px 6px 0;border-style:solid;border-color:transparent #fff transparent transparent}}}}}.self{.chat-msg{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;.avatar{-webkit-text-fill-color:#fa745f}.msg-content{padding:0 12px 0 42px;.name-box{text-align:right;padding:0 2px 0 0}.msg-box{float:right;background-color:#d9e3fe;&:after{left:unset;right:-8px;border-width:8px 0 6px 12px;border-color:transparent transparent transparent #d9e3fe}}}}}}}.chat-bottom{height:203px;.textarea{border:0;width:100%;height:79%;padding:10px;font-size:16px;resize:none;&:focus{border:none;-webkit-border:none;-webkit-box-shadow:none;box-shadow:none;outline:none}}.bot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;.send{width:80px;color:#fff;padding:5px 20px;font-size:12px;background:#ff7f41;border-radius:5px;text-align:center;margin-left:auto;margin-right:20px;border:0;cursor:pointer;&:disabled{background:#eee;color:#aaa}}}}.scrollLeft{height:calc(100vh - 40px);background:#fff;overflow-y:auto}.main-wrapper{display:grid;grid-template-columns:1fr 2fr}.m-b-20{margin-bottom:20px}.start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color33{color:#333}.color99{color:#999}.font30{font-family:PingFang SC;font-weight:600;font-size:14px}.font22,.font24{font-family:PingFang SC;font-weight:400;font-size:12px}.align{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card{padding:12px;border-bottom:1px solid #f5f5f5;cursor:pointer;&.active{background:#f6f6f6}&:last-child{border:0}&:hover{background:#f6f6f6}}.overFloor{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal!important;-webkit-line-clamp:1;word-break:break-all}.item{.icon{width:36px;height:36px;border-radius:50%}.listItem{margin-left:20px;-webkit-box-flex:1;-ms-flex:1;flex:1}}.boxImg{position:relative;.tag{width:20px;height:15px;line-height:15px;position:absolute;right:-12px;top:-12px;background:#ff4600;border-radius:10px 10px 10px 7px;font-family:PingFang SC;font-weight:500;font-size:12px;color:#fff;text-align:center}}.coverBox{background:#4c4c4c;border-radius:20px;padding:30px;.coverItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px;&:last-child{margin-bottom:0}.coverItemImage{width:36px;height:36px;margin-right:5px}.coverItemText{font-family:Source Han Sans CN;font-weight:400;font-size:28px;color:#fff}}}.addBox{position:relative;.coverBox{position:absolute;right:0;z-index:10;width:250px}}.demo-spin-col .circular{width:25px;height:25px}.demo-spin-icon-load{-webkit-animation:ani-demo-spin 1s linear infinite;animation:ani-demo-spin 1s linear infinite}@-webkit-keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.demo-spin-col{height:100px;position:relative;border:1px solid #eee}[data-v-46dba03f]::-webkit-scrollbar{width:1px;height:5px}[data-v-46dba03f]::-webkit-scrollbar-thumb{border-radius:1em;background-color:rgba(50,50,50,.3)}[data-v-46dba03f]::-webkit-scrollbar-track{border-radius:1em;background-color:rgba(50,50,50,.1)}.flex[data-v-46dba03f]{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.flex-j-c[data-v-46dba03f]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex-a-c[data-v-46dba03f]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.width_1200[data-v-46dba03f]{width:1200px}.width_800[data-v-46dba03f]{width:800px}.width_400[data-v-46dba03f]{width:400px}.width_300[data-v-46dba03f]{width:300px}.width_200[data-v-46dba03f]{width:200px}.width_100[data-v-46dba03f]{width:100px}.fz_12[data-v-46dba03f]{font-size:12px}.fz_14[data-v-46dba03f]{font-size:14px}.fz_16[data-v-46dba03f]{font-size:16px}.fz_18[data-v-46dba03f]{font-size:18px}.fw_bold[data-v-46dba03f]{font-weight:700}.mb_20[data-v-46dba03f]{margin-bottom:20px}.mt_20[data-v-46dba03f]{margin-top:20px}.ml_20[data-v-46dba03f]{margin-left:20px}.mr_20[data-v-46dba03f]{margin-right:20px}.mb_10[data-v-46dba03f]{margin-bottom:10px}.mt_10[data-v-46dba03f]{margin-top:10px}.ml_10[data-v-46dba03f]{margin-left:10px}.mr_10[data-v-46dba03f]{margin-right:10px}.pb_20[data-v-46dba03f]{padding-bottom:20px}.pt_20[data-v-46dba03f]{padding-top:20px}.pl_20[data-v-46dba03f]{padding-left:20px}.pr_20[data-v-46dba03f]{padding-right:20px}.pb_10[data-v-46dba03f]{padding-bottom:10px}.pt_10[data-v-46dba03f]{padding-top:10px}.pl_10[data-v-46dba03f]{padding-left:10px}.pr_10[data-v-46dba03f]{padding-right:10px}li[data-v-46dba03f],ul[data-v-46dba03f]{list-style:none}.ellipsis[data-v-46dba03f]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover-pointer[data-v-46dba03f]{cursor:pointer}.theme_color[data-v-46dba03f]{color:#f31947!important}