#module_bv,.baseViewPage{height:100%}#module_bv{display:-ms-flexbox;display:flex;padding:1rem;box-sizing:border-box;background-color:#f6f6f6}.bv_left{position:relative;width:25rem;-ms-flex:0 0 25rem;flex:0 0 25rem;padding-right:1rem;transition:transform .5s ease}.bv_left .bv-card-item{margin-top:1.5rem}.bv_left>div{position:relative;background-color:#fff;border-radius:4px;padding-top:5rem}.bv_left>div,.bv_left>div ul{box-sizing:border-box;height:100%}.bv_left>div ul{overflow-y:auto;list-style-type:none;margin:0 auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.bv_left>div ul::-webkit-scrollbar{background:#fff;width:5px}.bv_left>div ul::-webkit-scrollbar-thumb{background:#ddd;width:5px}.bv_left>div ul::-webkit-scrollbar-track{background:#fff;width:5px}.bv_left>div ul .el-select{position:relative;font-size:1.6rem;height:4rem;display:-ms-flexbox;display:flex;border-radius:6px;-ms-flex-align:center;align-items:center;margin:.5rem 1rem}.bv_left>div ul .el-select .el-input>.el-input__inner:focus{background:#f8f8f8}.bv_left>div ul .el-select .el-input__inner,.bv_left>div ul li{-webkit-user-select:none;-ms-user-select:none;user-select:none}.bv_left>div ul li{position:relative;padding:0 1.6rem;list-style:none;font-size:1.6rem;height:4rem;display:-ms-flexbox;display:flex;color:#8d8d8d;cursor:pointer;background:#fff;border-radius:6px;-ms-flex-align:center;align-items:center;margin:.5rem;transition:box-shadow .3s ease;z-index:1}.bv_left>div ul li>i{font-weight:400;font-size:2.4rem;margin-right:1rem}.bv_left>div ul li>img{border-radius:50%;width:2.8rem;height:2.8rem;margin-right:1rem}.bv_left>div ul li>span{margin-right:auto;font-size:1.4rem}.bv_left>div ul li:hover{font-weight:600;color:#448ef5}.bv_left>div ul li.activeList{color:#448ef5;font-weight:600;box-shadow:0 3px 18px -5px rgba(80,166,255,.7);font-size:1.6rem;z-index:2}.bv_left>div ul li.activeList>span{font-size:1.6rem}.bv_left .el-tab-pane::-webkit-scrollbar{background:#fff;width:5px}.bv_left .el-tab-pane::-webkit-scrollbar-thumb{background:#ddd;width:5px}.bv_left .el-tab-pane::-webkit-scrollbar-track{background:#fff;width:5px}.bv_left .el-tab-pane{overflow:auto;max-height:80vh}.bv_left .el-collapse-item__content{padding-bottom:0}.bv_left .el-collapse-item__header{border-bottom:none;font-weight:700;color:#6d6d6d;font-size:1.4rem;transition:all .3s ease}.bv_left .el-collapse-item__header.is-active{font-size:1.6rem}.bv_left .el-collapse-item__wrap{border-bottom:none}.bv_left .el-tabs__nav-wrap .el-tabs__nav-next,.bv_left .el-tabs__nav-wrap .el-tabs__nav-prev{display:none}.bv_left .el-tabs__nav-wrap .el-tabs__nav-scroll{margin-left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.bv_left .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__item{padding:0 10px}.bv_left .el-input__inner{border-bottom:0}.bv_left_top{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;top:0;width:100%;box-sizing:border-box;border-bottom:1px solid #eee;padding:0 1rem}.bv-left-switch,.bv_left_top{position:absolute;height:4rem}.bv-left-switch{display:none;bottom:8rem;text-align:center;width:3.5rem;left:-3.5rem;line-height:4rem;font-size:2rem;cursor:pointer;transition:all .3s ease}.bv-left-switch.hi-close{background:#fff;color:#ccc}.bv-left-switch.hi-close:hover{color:#448ef5}.bv-left-switch.hi-more{box-shadow:0 2px 5px rgba(99,141,175,.55);background:#448ef5;color:#fff}.bv-left-switch.hi-more:hover{background:#69a4f7}.bv_left_ctn{width:100%;padding:0 1rem;box-sizing:border-box}.bv_left_ctn,.bv_left_ctn .el-tabs{height:100%;position:relative}.bv_left_ctn .el-tabs .el-tabs__header{position:absolute;width:100%}.bv_left_ctn .el-tabs .el-tabs__content{padding-top:5rem;box-sizing:border-box;height:100%}.bv_left_ctn .el-tabs .el-tabs__content .pane-btn{margin:0 0 10px 0;text-align:center}.bv_left_ctn .el-tabs .el-tabs__content .pane-btn .el-button{width:96%}.bv_left_ctn .el-tabs .el-tabs__content>*{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.bv_left_ctn .el-tabs .el-tabs__content>::-webkit-scrollbar,.bv_left_ctn .el-tabs .el-tabs__content>::-webkit-scrollbar-track{background:#fff;width:5px}.bv_left_ctn .el-tabs .el-tabs__content>::-webkit-scrollbar-thumb{background:#eee;border-radius:5px;width:5px}.view_title{color:#575757;font-size:1.6rem;font-weight:600;-ms-flex-align:center;-ms-flex:8;flex:8}.view_title,.view_title_ben{display:-ms-flexbox;display:flex;align-items:center}.view_title_ben{-ms-flex-align:center}.el-tabs__nav-wrap:after{border-bottom:none;background-color:transparent}.bv_right{width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.bv_right::-webkit-scrollbar,.bv_right::-webkit-scrollbar-track{background:#f6f6f6;width:5px}.bv_right::-webkit-scrollbar-thumb{background:#f6f6f6;border-radius:5px;width:5px}.bv_right:hover::-webkit-scrollbar-thumb{background:#ddd}@media (max-width:1024px){#module_bv{padding:0}#module_bv .bv_left{position:fixed;z-index:667;height:100%;width:68%;padding:0;top:0;right:0;transform:translateX(200%)}#module_bv .bv_left>div{border-radius:0}#module_bv .bv_left .bv-left-switch{display:block}#module_bv .bv_right{padding:0 1rem;margin:1rem 0;height:95%}#module_bv .bv_right::-webkit-scrollbar,#module_bv .bv_right::-webkit-scrollbar-track{width:0}#module_bv .bv_right::-webkit-scrollbar-thumb{width:0}#module_bv .bv_right:hover::-webkit-scrollbar-thumb{background:transparent}#module_bv .bv_right:after{top:0;left:0;z-index:-1;content:"";display:block;position:fixed;width:100%;height:100%;background:#000;opacity:0;transition:opacity .3s ease}#module_bv.on{height:100vh;width:100%;position:fixed;z-index:668;top:0}#module_bv.on .bv_left{transform:translateX(0)}#module_bv.on .bv_right:after{z-index:665;opacity:.3}}[data-v-3c20fe79] .bv_left{min-width:28rem}@media screen and (max-width:1024px){.chat-box[data-v-3c20fe79]{padding:0 1rem}[data-v-3c20fe79] .el-tabs__nav{width:100%;display:-ms-flexbox;display:flex}[data-v-3c20fe79] .el-tabs__nav .el-tabs__item{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}}.chat-contact[data-v-3c20fe79]{width:100%;height:100%;background:#fff}[data-v-3c20fe79] .el-tabs__nav-scroll{overflow-x:hidden}.selectStyle[data-v-3c20fe79]{box-shadow:0 3px 18px -5px rgba(80,166,255,.7);font-size:1.6rem;z-index:2}.el-tab-pane3[data-v-3c20fe79] .bv_left>div ul li{padding:0}.input-area[data-v-3c20fe79] .c_button{position:absolute}.mian-box[data-v-3c20fe79]{height:100%}.mian-box .chat-head[data-v-3c20fe79]{height:4rem;line-height:4rem;position:relative;background:linear-gradient(270deg,#79c1fb,#448ef5);font-size:2rem;color:#fff}.mian-box .chat-head span[data-v-3c20fe79]{position:absolute;left:50%;margin-left:-25%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:50%}.mian-box .chat-head .hi-close[data-v-3c20fe79]{float:right;margin-right:1rem;cursor:pointer}.mian-box .chat-conten[data-v-3c20fe79]{height:calc(100% - 4rem);background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.mian-box .chat-conten .editable .input-area[data-v-3c20fe79]{display:-ms-flexbox;display:flex;margin:1rem;position:relative}.mian-box .chat-conten .editable .input-area[data-v-3c20fe79] .mem-imgs{display:none!important}.mian-box .chat-conten .editable .input-area .msg-Popup[data-v-3c20fe79]{position:absolute;padding:.5rem 1rem;background:#a29f9f;color:#fff}.mian-box .chat-conten .editable .input-area .input-box[data-v-3c20fe79]{-ms-flex-positive:1;flex-grow:1;background:#eee;margin-right:1rem;padding:.5rem;font-size:1.5rem;border-radius:.5rem;height:auto;width:0;line-height:2rem;max-height:200px;overflow-y:auto}.mian-box .chat-conten .editable .input-area .input-box[data-v-3c20fe79] img{max-width:50%}.mian-box .chat-conten .editable .input-area .send-button[data-v-3c20fe79]{-ms-flex-item-align:end;align-self:flex-end;position:relative;top:-1px}.mian-box .chat-conten .editable .control[data-v-3c20fe79]{overflow:hidden;margin:1rem;font-size:1.4rem}.mian-box .chat-conten .editable .control .item[data-v-3c20fe79]{float:left;padding:.5rem .5rem;margin-right:1rem;cursor:pointer}.mian-box .chat-conten .editable .control .item[data-v-3c20fe79]:hover{background:#cfcfcf}.mian-box .chat-conten .editable .control .upload[data-v-3c20fe79]{position:relative}.mian-box .chat-conten .editable .control .upload input[data-v-3c20fe79]{position:absolute;height:100%;width:100%;left:0;top:0;opacity:0}.groupName[data-v-3c20fe79]{padding:1.1rem 1rem;font-size:1.4rem;font-weight:700;color:#6d6d6d;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.groupName[data-v-3c20fe79]:hover{color:#4690f5}.hi-Notebook[data-v-3c20fe79],.hi-setting[data-v-3c20fe79]{float:right;margin-right:1rem;font-size:1.9rem;cursor:pointer}.msg-li[data-v-3c20fe79]:hover{font-weight:400}.msg-li3[data-v-3c20fe79]{padding:.5rem}.msg-li[data-v-3c20fe79]{display:-ms-flexbox;display:flex}.msg-li div[data-v-3c20fe79]:first-child{height:3.5rem;width:3.5rem;margin-right:1rem;background:#79c1fb;border-radius:50%;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.msg-li div:first-child img[data-v-3c20fe79]{height:100%;width:100%}.msg-li div[data-v-3c20fe79]:last-child{-ms-flex-positive:1;flex-grow:1;overflow:hidden}.msg-li div:last-child p[data-v-3c20fe79]:first-child{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.msg-li div:last-child p:first-child span[data-v-3c20fe79]:first-child{font-size:1.4rem;color:#333;-ms-flex:1;flex:1;overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis}.msg-li div:last-child p:first-child span[data-v-3c20fe79]:last-child{font-size:1.2rem;color:#a4a4a4;float:right;-ms-flex:0 0 40px;flex:0 0 40px;text-align:right}.msg-li div:last-child p[data-v-3c20fe79]:last-child{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:1.6rem}.msg-li div:last-child p:last-child span[data-v-3c20fe79]{font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:16px}.msg-li:hover p:first-child span[data-v-3c20fe79]:first-child{color:#4690f5!important}.msg-tip[data-v-3c20fe79]{position:relative}.msg-tip .top-tip[data-v-3c20fe79]{position:absolute;height:1.3rem;width:2.5rem;border-radius:1.5rem;line-height:1.3rem}.record[data-v-3c20fe79]{text-align:center;padding-bottom:1rem}.record .centant[data-v-3c20fe79]{padding:1rem;border-radius:50%;display:-ms-flexbox;display:flex;background:#4690f5}.record .record-tip[data-v-3c20fe79]{margin-top:-3px;color:red}.record-pic[data-v-3c20fe79]{font-size:2.5rem;color:#a29f9f}.startRecord[data-v-3c20fe79]{background-color:rgba(68,149,245,.5)}.record-box[data-v-3c20fe79]{display:inline-block;position:relative;overflow:hidden}.circle[data-v-3c20fe79]{position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);left:-6px;top:-6px;border-radius:50%;border:3px solid #fff}.circle1[data-v-3c20fe79],.circle2[data-v-3c20fe79]{animation:circle-opacity-data-v-3c20fe79 3s infinite}.circle2[data-v-3c20fe79]{animation-delay:1s}.circle3[data-v-3c20fe79]{animation:circle-opacity-data-v-3c20fe79 3s infinite;animation-delay:2s}.circle4[data-v-3c20fe79]{animation:circle-opacity-data-v-3c20fe79 3s infinite;animation-delay:3s}.picture-box[data-v-3c20fe79]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:1rem 0}.picture-box .picture[data-v-3c20fe79]{height:3.5rem;width:3.5rem;border-radius:50%;margin-right:1rem}@keyframes circle-opacity-data-v-3c20fe79{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.tip[data-v-3c20fe79]{border-radius:50%;background-color:#4495f5;height:1.5rem;width:1.7rem;display:block;text-align:center;line-height:1.5rem;right:-17px;top:-11px;color:#fff;font-size:1.2rem;-ms-flex-negative:0;flex-shrink:0}[data-v-3c20fe79] .bv_left{padding-right:0;border-right:1px solid #eee}[data-v-3c20fe79] .bv_right{overflow:hidden}.chat-box[data-v-3c20fe79],.left-box[data-v-3c20fe79]{height:100%;overflow:auto;background:#fff}.fix-chat[data-v-3c20fe79]{position:fixed;left:0;top:0;width:100%;padding:0!important;height:calc(100% - 6rem);z-index:999}.add-group[data-v-3c20fe79]{text-align:center;font-size:1.5rem;color:#57a4ff;cursor:pointer;padding:.5rem 0;border-radius:10px;border:1px solid #eee;margin-bottom:1rem}.add-group[data-v-3c20fe79]:hover{background:#eee}.el-icon-check[data-v-3c20fe79]{background:#00d10a;border-radius:50%;color:#fff;padding:.1rem}[data-v-3c20fe79] .v--modal-box{max-height:100vh;overflow-y:hidden}[data-v-3c20fe79] .bv_left>div ul li:hover{font-weight:400;color:#8d8d8d}