.kefu[data-v-3d7a272c]{width:100%;height:100%;box-sizing:border-box}.el-table .info[data-v-3d7a272c]{display:flex}.el-table .info img[data-v-3d7a272c]{width:52px;height:52px;margin-right:10px}.el-table .info .name[data-v-3d7a272c]{width:320px;text-align:left}.el-table .user-info[data-v-3d7a272c]{display:flex}.el-table .user-info .name[data-v-3d7a272c]{font-size:14px;color:#333;font-weight:700}.el-table .user-info .img[data-v-3d7a272c]{width:24px;height:24px;vertical-align:middle;margin-right:5px;border-radius:50%}.main-wrap[data-v-3d7a272c]{height:calc(100vh - 90px);box-sizing:border-box;background:none}.isread[data-v-3d7a272c]{padding:0 10px;box-sizing:border-box}[data-v-3d7a272c] .el-scrollbar{width:100%;height:calc(100vh - 144px)}[data-v-3d7a272c] .el-scrollbar .el-scrollbar__wrap{overflow-x:hidden}[data-v-3d7a272c] .el-scrollbar .el-scrollbar__view{display:flex;flex-wrap:wrap;justify-content:flex-start}.main-wrap[data-v-3d7a272c] .el-aside{max-width:290px;height:calc(100vh - 90px);background:#fff;box-sizing:border-box;margin-right:10px;position:relative}.main-wrap[data-v-3d7a272c] .el-aside .search-bar{display:flex;justify-content:space-between;padding:0 10px}.main-wrap[data-v-3d7a272c] .el-aside .el-input{width:195px}.main-wrap[data-v-3d7a272c] .el-aside .el-button{background:#2643ff;color:#fff;margin-left:6px}.main-wrap[data-v-3d7a272c] .el-aside .userlist{height:calc(100vh - 156px);overflow-y:scroll}.main-wrap[data-v-3d7a272c] .el-aside .userlist .wrap{width:100%;height:100%}.main-wrap[data-v-3d7a272c] .el-aside /deep/ .el-tabs{width:100%}.main-wrap[data-v-3d7a272c] .el-aside /deep/ .el-tabs .el-tabs__header{width:100%;position:absolute;left:0;top:0;background:#fff;z-index:1}.main-wrap[data-v-3d7a272c] .el-aside /deep/ .el-tabs .el-tabs__content{margin-top:40px}.main-wrap[data-v-3d7a272c] .el-aside .el-tabs__item{font-size:14px;color:#999}.main-wrap[data-v-3d7a272c] .el-aside .is-active{background:none;color:#000;font-weight:700}.main-wrap[data-v-3d7a272c] .el-aside .item{width:100%;padding:15px 10px;box-sizing:border-box;display:flex;justify-content:space-between;position:relative}.main-wrap[data-v-3d7a272c] .el-aside .item .is-read-icon{display:inline-block;width:5px;height:5px;background:red;border-radius:50%;position:absolute;top:5px;right:5px}.main-wrap[data-v-3d7a272c] .el-aside .item img{width:50px;height:50px;border-radius:4px;-o-object-fit:cover;object-fit:cover}.main-wrap[data-v-3d7a272c] .el-aside .item .content{margin-left:8px;flex:1;display:flex;flex-direction:column;justify-content:space-between;width:80%}.main-wrap[data-v-3d7a272c] .el-aside .item .title{display:flex;justify-content:space-between}.main-wrap[data-v-3d7a272c] .el-aside .item .title .name{width:84px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;color:#000}.main-wrap[data-v-3d7a272c] .el-aside .item .title .time{font-size:12px;color:#999}.main-wrap[data-v-3d7a272c] .el-aside .item .msg{font-size:14px;color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main-wrap[data-v-3d7a272c] .el-aside .active{background:#ecf5ff}.row-bg[data-v-3d7a272c]{padding:14px 16px;background:#f7f7f7}.row-bg .search-box[data-v-3d7a272c]{display:flex;justify-content:flex-end}.row-bg .search-box .el-input[data-v-3d7a272c]{width:284px}.contain-user[data-v-3d7a272c]{display:flex;flex-wrap:wrap}.contain-user .chat-box[data-v-3d7a272c]{flex:1;height:calc(100vh - 390px);max-width:calc(100vw - 850px);position:relative}.contain-user .chat-box .content-box[data-v-3d7a272c]{height:calc(100vh - 526px);background:#fff}.contain-user .chat-box .content-box .el-icon-warning[data-v-3d7a272c]{color:red;margin-right:10px}.contain-user .chat-box .service[data-v-3d7a272c]{flex-direction:row-reverse}.contain-user .chat-box .service .chat-con[data-v-3d7a272c]{text-align:right}.contain-user .chat-box .custmer[data-v-3d7a272c]{justify-content:start}.contain-user .chat-box .custmer .chat-con[data-v-3d7a272c]{text-align:left}.contain-user .chat-box .chatwrap[data-v-3d7a272c]{width:100%;height:calc(100vh - 526px);background:#fff;overflow-y:scroll}.contain-user .chat-box .chatwrap .chat-text[data-v-3d7a272c]{cursor:pointer;white-space:pre-wrap;display:inline-block;text-align:left}.contain-user .chat-box .chatwrap .goods-content[data-v-3d7a272c]{width:300px;padding:10px;border-radius:5px;display:flex;align-items:center;background:#eee}.contain-user .chat-box .chatwrap .goods-content img[data-v-3d7a272c]{width:50px;height:50px;margin-right:10px;border-radius:10px}.contain-user .chat-box .chatwrap .order-content[data-v-3d7a272c]{width:300px;padding:10px;border-radius:5px;background:#eee}.contain-user .chat-box .chatwrap .order-content .img-content[data-v-3d7a272c]{display:flex;align-items:center;margin-top:5px}.contain-user .chat-box .chatwrap .order-content img[data-v-3d7a272c]{width:50px;height:50px;margin-right:10px;margin-left:0;border-radius:10px}.contain-user .chat-box .chatwrap .order-content .number[data-v-3d7a272c]{margin-top:5px}.contain-user .chat-box .chatwrap .zhibo-img[data-v-3d7a272c]{width:200px;height:264px}.contain-user .chat-box .chatwrap .zhibo-img img[data-v-3d7a272c]{width:100%;height:100%;border-radius:10px}.contain-user .chat-box .chatwrap[data-v-3d7a272c] ::-webkit-scrollbar{width:5px;height:5px}.contain-user .chat-box .chatwrap[data-v-3d7a272c] ::-webkit-scrollbar-thumb{background-color:rgba(144,147,153,.3);border-radius:35px;position:relative}.contain-user .chat-box .input-box[data-v-3d7a272c]{height:82px;padding:16px 20px;box-sizing:border-box;background:#f7f7f7;display:flex}.contain-user .chat-box .input-box[data-v-3d7a272c] .el-textarea{flex:1;height:50px}.contain-user .chat-box .input-box[data-v-3d7a272c] .el-textarea textarea{height:50px}.contain-user .chat-box .input-box .el-button-send[data-v-3d7a272c]{width:100px;height:50px;background:#2643ff;border-radius:0;font-size:14px;color:#fff}.contain-user .chat-box .msg[data-v-3d7a272c]{width:100%;display:flex;margin:10px 0}.contain-user .chat-box .msg img[data-v-3d7a272c]{width:40px;height:40px;border-radius:50%;margin:0 10px;-o-object-fit:cover;object-fit:cover}.contain-user .chat-box .msg p[data-v-3d7a272c]{min-width:10px;min-height:22px;max-width:80%;background:#eee;border-radius:5px;padding:10px 12px;overflow:hidden}.contain-user .chat-box .msg .img-msg[data-v-3d7a272c]{padding:0}.contain-user .title[data-v-3d7a272c]{height:54px;background:#f7f7f7;font-size:16px;color:#000;padding:0 14px;box-sizing:border-box;align-items:center;font-weight:700;display:flex;justify-content:space-between}.contain-user .user-info[data-v-3d7a272c]{width:280px;height:calc(100vh - 390px);margin-left:10px;background:#fff}.contain-user .user-info .content[data-v-3d7a272c]{padding:0 14px;overflow:hidden}.contain-user .user-info .user[data-v-3d7a272c]{margin-top:16px;font-size:14px}.contain-user .user-info .name[data-v-3d7a272c]{color:#000}.contain-user .user-info .value[data-v-3d7a272c]{color:#333}.contain-user .user-info .user-money[data-v-3d7a272c]{color:#ed0000}.contain-user[data-v-3d7a272c] .footer-tab{width:100%;margin-top:10px;position:relative}.contain-user[data-v-3d7a272c] .footer-tab .title-type{display:flex;align-content:center;box-sizing:border-box;border-bottom:1px solid #eee}.contain-user[data-v-3d7a272c] .footer-tab .title-type .name{font-size:14px;color:#333}.contain-user[data-v-3d7a272c] .footer-tab .title-type .el-dropdown-link{color:#2643ff}.contain-user[data-v-3d7a272c] .footer-tab .title-type .el-dropdown-link img{width:4px;height:3px;margin:0 4px;vertical-align:middle}.contain-user[data-v-3d7a272c] .footer-tab .title-type .type-item{margin-right:5px;line-height:40px}.contain-user[data-v-3d7a272c] .footer-tab .el-tabs__header{background:#f7f7f7;height:55px;padding:0 16px;box-sizing:border-box;margin:0}.contain-user[data-v-3d7a272c] .footer-tab .el-tabs__nav-wrap:after{display:none}.contain-user[data-v-3d7a272c] .footer-tab .el-tabs__item{line-height:55px;color:#999}.contain-user[data-v-3d7a272c] .footer-tab .is-active{color:#000;font-weight:700}.contain-user[data-v-3d7a272c] .footer-tab .el-tabs__content{background:#fff}.contain-user[data-v-3d7a272c] .footer-tab .item-contain{padding:13px 18px}.contain-user[data-v-3d7a272c] .footer-tab .item-contain .item-p{font-family:PingFangSC-Regular;font-size:14px;color:#000;margin-bottom:16px}.contain-user[data-v-3d7a272c] .footer-tab .item-contain .el-button{display:block;background:#2643ff;width:180px;height:44px;margin:0 auto;color:#fff}.contain-user[data-v-3d7a272c] .footer-tab .row-bg{width:50vw;position:absolute;right:0;top:0;z-index:9;padding:7px 5px;background:#f7f7f7}.contain-user[data-v-3d7a272c] .footer-tab .row-bg .el-col{border-radius:4px}.contain-user[data-v-3d7a272c] .footer-tab .row-bg .title-type{display:flex;align-content:center}.contain-user[data-v-3d7a272c] .footer-tab .row-bg .title-type .name{font-size:14px;color:#333}.contain-user[data-v-3d7a272c] .footer-tab .row-bg .title-type /deep/ .type-item{margin-right:5px;line-height:40px;display:flex;position:relative}.contain-user[data-v-3d7a272c] .footer-tab .row-bg .title-type /deep/ .type-item .icon-right{width:4px;height:3px;position:absolute;top:50%;transform:translateY(-50%);right:0}.contain-user[data-v-3d7a272c] .footer-tab .row-bg .title-type /deep/ .type-item .down-icon{margin-left:5px;width:4px;height:3px;vertical-align:middle;cursor:pointer}.contain-user[data-v-3d7a272c] .footer-tab .row-bg .search-box{display:flex;justify-content:flex-end}.contain-user[data-v-3d7a272c] .footer-tab .row-bg .el-input{width:150px}.contain-user[data-v-3d7a272c] .footer-tab .row-bg .input-btn{background:#2643ff;color:#fff;margin-left:10px}[data-v-3d7a272c] .el-table .info{display:flex}[data-v-3d7a272c] .el-table .info img{width:52px;height:52px;margin-right:10px}[data-v-3d7a272c] .el-table .info .name{text-align:left}[data-v-3d7a272c] .el-table .action,[data-v-3d7a272c] .el-table .buchang{display:flex;justify-content:space-between}[data-v-3d7a272c] .el-table .action{flex-wrap:wrap;font-size:14px;color:#2643ff}[data-v-3d7a272c] .el-table .action span{cursor:pointer}[data-v-3d7a272c] .el-table .name{font-size:14px;color:#333;font-weight:700}[data-v-3d7a272c] .el-table .classify{font-size:12px;color:#999}[data-v-3d7a272c] .el-table .group-money{font-size:14px;color:#333}[data-v-3d7a272c] .el-table .original-money{font-size:12px;color:#999;text-decoration:line-through}.hbForm-item[data-v-3d7a272c]{display:flex;align-items:center;margin-bottom:20px}.hbForm-item p[data-v-3d7a272c]{width:100px}.hbForm-item .main-img[data-v-3d7a272c]{width:50px;height:50px;margin-right:10px}