.tips[data-v-1ce9f856],.tips[data-v-5bdc9fe0]{font-size:12px;margin-top:15px}.upload[data-v-388be9eb]{display:flex;flex-wrap:wrap}.upload[data-v-388be9eb]:after{content:"";flex:auto}.upload .upload-item[data-v-388be9eb]{width:93px;height:93px;border-radius:6px;margin:0 7px 7px 0;overflow:hidden;box-sizing:border-box;flex-shrink:0;border:1px solid #c0ccda;position:relative;display:flex;justify-content:center;align-items:center}.upload .upload-item .img[data-v-388be9eb]{width:100%;height:100%}.upload .upload-item .action[data-v-388be9eb]{width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;color:#fff;opacity:0;font-size:20px;background:rgba(0,0,0,.5);transition:opacity .3s;display:flex;justify-content:center;align-items:center}.upload .upload-item .action[data-v-388be9eb]:hover{opacity:1}.upload .upload-item .action-btn[data-v-388be9eb]{cursor:pointer}.upload .upload-item .action-btn+.action-btn[data-v-388be9eb]{margin-left:10px}.upload .upload-btn[data-v-388be9eb]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.upload .uploader-icon[data-v-388be9eb]{width:93px;height:93px;line-height:93px;font-size:28px;color:#8c939d;text-align:center}.tips[data-v-388be9eb]{font-size:12px;margin-top:15px}.quick-reply[data-v-523dd7d2]{font-size:12px}.quick-reply[data-v-523dd7d2] .el-input__inner{border-radius:30px}.quick-reply .sub-search[data-v-523dd7d2]{display:flex}.quick-reply .sub-search .el-button[data-v-523dd7d2]{margin-left:10px}.quick-reply .list[data-v-523dd7d2]{min-height:290px;margin-top:20px}.quick-reply .list .item[data-v-523dd7d2]{padding-bottom:10px;display:flex;align-items:center}.quick-reply .list .item+.item[data-v-523dd7d2]{margin-top:10px}.quick-reply .list .cont[data-v-523dd7d2]{flex:1;word-break:break-all}.quick-reply .list .actions[data-v-523dd7d2]{color:#ff4117;margin-left:15px;cursor:pointer;flex-shrink:0}.quick-reply .pages[data-v-523dd7d2]{width:100%;margin-top:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quick-reply .pages .el-pagination[data-v-523dd7d2]{text-align:right}.history[data-v-29cd2fda]{height:100%;overflow:hidden}.sub-search[data-v-29cd2fda]{display:flex;padding-bottom:10px}.sub-search .text[data-v-29cd2fda]{flex:1;margin:0 10px}.list[data-v-29cd2fda]{min-height:290px}.item[data-v-29cd2fda]{line-height:20px;padding-bottom:15px;display:flex}.item .avatar[data-v-29cd2fda]{width:45px;height:45px;margin-top:10px}.item .content[data-v-29cd2fda]{max-width:70%;padding:0 10px}.item .content .sub-item+.sub-item[data-v-29cd2fda]{margin-top:8px}.item .content .time[data-v-29cd2fda]{font-size:8px}.item .content .des[data-v-29cd2fda]{max-width:100%;line-height:18px;font-size:12px;padding:10px;border-radius:5px;display:inline-block;word-wrap:break-word}.item .content .files[data-v-29cd2fda]{width:200px;max-height:200px;position:relative;cursor:pointer;overflow:hidden}.item .content .files .file[data-v-29cd2fda]{width:100%}.item .content .files .play-btn[data-v-29cd2fda]{top:50%;left:50%;color:#fff;font-size:30px;position:absolute;z-index:1;opacity:.8;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:-15px 0 0 -15px}.item.right[data-v-29cd2fda]{justify-content:flex-end;text-align:right}.item.right .des[data-v-29cd2fda]{background:rgba(1,112,189,.3);color:#333}.item.left .des[data-v-29cd2fda]{background-color:#f2f2f2;color:#333}.pages[data-v-29cd2fda]{width:100%;margin-top:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pages .el-pagination[data-v-29cd2fda]{text-align:right}[data-v-29cd2fda] .scrollbar{overflow-x:hidden}.item{background:#f1f1f1;border-radius:4px;padding:10px;cursor:pointer}.item+.item{margin-top:15px}.item .left{width:45px;margin-right:10px}.item .left .avatar{width:45px;height:45px}.item .right{flex:1;flex-shrink:0}.item .right .name{display:flex;justify-content:space-between;color:#333}.item .right .tips{margin-top:5px;font-size:12px;color:#999}.pages{width:100%;margin-top:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:flex-end;align-items:center}.pages .count{font-size:12px}.line_up .el-empty__image{width:80px}.chat-login{height:inherit}.chat-login .chat-login-v{height:inherit;display:flex;justify-content:center;align-items:center}.chat-login .customer .customer-service{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:30px}.chat-login .customer .customer-service .portrait{width:80px;height:80px}.chat-login .customer .customer-service .info{margin-top:10px}.chat-login .customer .customer-service .info .name{margin-left:10px}.chat-login .customer .actions{text-align:center;margin:30px 0 20px}.chat-login .customer .actions .yl-btn-green{width:110px}.chat-v{display:flex}.chat{height:100%;border-radius:5px;overflow:hidden}.chat .el-tabs__item{height:55px;padding:10px 0}.chat .el-tabs__active-bar{background-color:#cecece;height:1px}.chat .el-tabs__active-bar:before{background-color:#ff4117;content:" ";display:block;height:3px;width:30%;margin-left:35%}.chat .chat-item{display:flex;flex-direction:column}.chat .chat-item.left{width:260px}.chat .chat-item.left2{width:380px}.chat .chat-item .el-tabs__header{margin:0}.chat .chat-item .el-tabs__nav-wrap:after{height:1px;background-color:#cecece}.chat .chat-item.right{width:0;flex:1;flex-shrink:0;border-right:1px solid #cecece;border-left:1px solid #cecece;min-width:600px}.chat .wait{width:283px;height:40px;line-height:20px;background:#d5d5d5;padding:10px;color:#333;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.chat .wait .line_up_account{color:#ff4117;cursor:pointer}.chat .list{flex:1;overflow:hidden}.chat .list .item{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;cursor:pointer;white-space:nowrap}.chat .list .item.active{background:#fff3f0}.chat .list .item .name{display:flex;align-items:center;overflow:hidden}.chat .list .item .name .name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat .list .item .state{margin-left:10px}.chat .list .item .badge{min-width:20px;height:20px;line-height:18px;background:#fb7171;border:1px solid #ff3535;color:#fff;padding:0 5px;white-space:nowrap;text-align:center}.chat .list .item .play-icon{color:#ff4117;font-size:18px}.chat .list .rest{text-align:center;padding-top:49px}.chat .list .rest .img{width:70px}.chat .list .rest .des{margin-top:14px}.chat .avatar{width:38px;height:38px}.chat .top-tools .el-button{font-size:14px;font-weight:700}.chat .top-tools .el-button i{margin-right:5px}.chat .top{height:55px;justify-content:space-between;padding:0 15px;border-bottom:1px solid #cecece}.chat .top,.chat .top .user{display:flex;align-items:center}.chat .top .user-statue{font-size:12px}.chat .top .user img{width:40px;height:40px;margin-right:10px}.chat .top .info{line-height:20px;font-size:12px;flex-shrink:0;word-break:break-all}.chat .top .info .phone{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat .top .actions{flex-shrink:0}.chat .customer{padding-top:20px;background-color:#f7f7fc}.chat .customer .rest{padding-top:20%}.chat .customer .rest .img{width:50px}.chat .customer .rest .des{margin-top:30px}.chat .chat-record-item{line-height:20px;margin:10px;display:flex}.chat .chat-record-item .time{font-size:12px}.chat .chat-record-item .des{max-width:100%;line-height:18px;font-size:12px;padding:10px;border-radius:5px;display:inline-block;word-wrap:break-word}.chat .chat-record-item.left .des{background-color:#fff;color:#333}.chat .chat-record-item.right{justify-content:flex-end;text-align:right}.chat .chat-record-item.right .des{background:#e3edfd;color:#333}.chat .chat-record-item.end{justify-content:center}.chat .chat-record-item.end .tips{font-size:12px;min-width:180px;height:32px;line-height:32px;background:#fff;border-radius:20px;color:#333;text-align:center;margin:50px 0 20px;white-space:nowrap;padding:0 15px}.chat .chat-record-item .item-content{max-width:70%;padding:0 10px}.chat .chat-record-item .item-content .files{width:200px;position:relative;cursor:pointer;overflow:hidden}.chat .chat-record-item .item-content .files .file{width:100%}.chat .chat-record-item .item-content .files .play-btn{top:50%;left:50%;color:#fff;font-size:30px;position:absolute;z-index:1;opacity:.8;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:-15px 0 0 -15px}.chat .chat-record-item .item-content .message-card{background:#fff;color:#333;border-radius:5px;padding:10px}.chat .send-msg .tools{padding:10px 20px 0 20px;display:flex;align-items:center}.chat .send-msg .tools i{font-size:24px;margin-right:20px}.chat .send-msg .tools .upload-btn{margin-right:10px}.chat .send-msg .msg{padding:10px 20px}.chat .send-msg .action{padding:10px;text-align:right}.message-content{display:flex}.message-content .info{flex-direction:column;flex:1 1 auto}.message-content .info,.message-content .info .pq{display:flex;justify-content:space-between}.message-content .info .pq .p{color:red;font-size:1.2em;margin-right:20px}.message-content .info .pq .q{color:#666}.message-content img{width:80px;height:80px;border-radius:5px;margin-right:10px;flex:none}.history{text-align:center;font-size:13px;color:#ff4117;cursor:pointer}.info-card{min-height:50px;padding:15px}.info-card .el-card__header{padding:10px 20px}.info-card .el-card{margin-bottom:10px}.info-card .info-title{background-color:#fff3f0;padding:15px;font-weight:700;margin:-15px -15px 15px -15px}.autocomplete[data-v-a63e2f60]{width:100%}.my-autocomplete .select-item[data-v-a63e2f60]{display:flex;justify-content:space-between}.my-autocomplete .account[data-v-a63e2f60]{text-overflow:ellipsis;overflow:hidden}.my-autocomplete .name[data-v-a63e2f60]{font-size:12px;color:#b4b4b4}.chat-2{background:#f8f8f8;padding:10px}.item{line-height:20px;padding-bottom:15px;display:flex}.item .avatar{width:45px;height:45px;margin-top:10px}.item .content{max-width:70%;padding:0 10px}.item .content .time{font-size:8px}.item .content .des{max-width:100%;line-height:18px;font-size:12px;padding:10px;border-radius:5px;display:inline-block;word-wrap:break-word}.item .content .files{width:200px;max-height:200px;position:relative;cursor:pointer;overflow:hidden}.item .content .files .file{width:100%}.item .content .files .play-btn{top:50%;left:50%;color:#fff;font-size:30px;position:absolute;z-index:1;opacity:.8;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:-15px 0 0 -15px}.item.right{justify-content:flex-end;text-align:right}.item.right .des{background:rgba(1,112,189,.3);color:#333}.item.left .des{background-color:#f2f2f2;color:#333}.sub-item+.sub-item{margin-top:10px}.sub-item .message-card{background:#fff;color:#333;border-radius:5px;padding:10px}.sub-item .message-card .message-content{display:flex}.sub-item .message-card .message-content .info{display:flex;justify-content:space-between;flex-direction:column;flex:1 1 auto}.sub-item .message-card .message-content .info .pq{display:flex;justify-content:space-between}.sub-item .message-card .message-content .info .pq .p{color:red;font-size:1.2em;margin-right:20px}.sub-item .message-card .message-content .info .pq .q{color:#666}.sub-item .message-card .message-content img{width:80px;height:80px;border-radius:5px;margin-right:10px;flex:none}