.container[data-v-734ebf68]{height:100%}.container .left[data-v-734ebf68]{height:100%;position:absolute;left:0;width:280px;background-color:#e5e5e5}.container .left[data-v-734ebf68] .el-avatar--circle{vertical-align:middle;margin-right:6px;background-color:#efeff8;color:#d8d8e1}.container .left .supplier-box[data-v-734ebf68]{height:calc(100% - 50px);overflow-y:auto}.container .left .supplier-box p[data-v-734ebf68]{padding:0 10px;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container .left .supplier-box p.active[data-v-734ebf68]{background-color:#cecece}.container .left .search[data-v-734ebf68]{border-bottom:1px solid #dfe1e6;padding:8px 24px}.container .left .search[data-v-734ebf68] .el-input .el-input__inner{background-color:#cecece;color:#8b8b8b}.container .left .search[data-v-734ebf68] .el-input .el-input-group__append{background-color:#c3c3c3}.container .left .search[data-v-734ebf68] .el-input .el-input-group__append i{color:#787978}.container .chat-box[data-v-734ebf68]{height:100%;position:absolute;left:280px;right:240px;background-color:#fafafa;border-right:1px solid #dfe1e6}.container .chat-box .title[data-v-734ebf68]{position:relative;padding:12px 20px;height:24px;border-bottom:1px solid #dfe1e6}.container .chat-box .title .name[data-v-734ebf68]{font-size:16px;font-weight:700;color:#172b4d;line-height:24px;display:inline-block;overflow:hidden;text-overflow:ellipsis}.container .chat-box .title .close[data-v-734ebf68]{position:absolute;top:12px;right:20px;cursor:pointer;font-size:16px;color:#777}.container .chat-box .tip[data-v-734ebf68]{text-align:center;font-size:12px;color:#bababb;background-color:#fafafa;padding:6px}.container .chat-box .msg-box[data-v-734ebf68]{background-color:#fafafa;height:calc(100% - 230px);overflow-y:auto}.container .chat-box .msg-box .chat-item[data-v-734ebf68]{padding:0 20px;margin:20px 0}.container .chat-box .msg-box .chat-item .el-avatar[data-v-734ebf68]{width:30px;height:30px;border-radius:0;vertical-align:top}.container .chat-box .msg-box .chat-item .item-info[data-v-734ebf68]{display:inline-block;max-width:80%;margin-left:10px}.container .chat-box .msg-box .chat-item .item-info .name[data-v-734ebf68]{color:#bababb;font-size:13px;margin-bottom:6px}.container .chat-box .msg-box .chat-item .item-info .msg[data-v-734ebf68]{display:inline-block;padding:10px;border:1px solid #fff;background-color:#fff;border-radius:5px}.container .chat-box .msg-box .chat-item[data-v-734ebf68] .el-avatar--square i{font-size:18px;margin-top:6px}.container .chat-box .msg-box .chat-item.ower .el-avatar[data-v-734ebf68]{float:right}.container .chat-box .msg-box .chat-item.ower .item-info[data-v-734ebf68]{float:right;margin-left:0;margin-right:10px}.container .chat-box .msg-box .chat-item.ower .item-info .msg[data-v-734ebf68]{padding:10px;border:1px solid #a7e97b;background-color:#a7e97b}.container .chat-box .send[data-v-734ebf68]{height:180px;background-color:#fff}.container .chat-box .send .operate[data-v-734ebf68]{height:20px;color:#969aa5;padding:8px 25px 0 30px;font-size:18px}.container .chat-box .send .operate i[data-v-734ebf68]{margin-right:20px}.container .chat-box .send[data-v-734ebf68] .el-textarea .el-textarea__inner{height:90px;border:none}.container .chat-box .send .send-btn[data-v-734ebf68]{height:26px;padding:13px 32px}.container .chat-box .send .send-btn[data-v-734ebf68] .el-button{float:right;padding:0 12px;height:26px;width:80px;line-height:26px;background-color:#2bc569;color:#fff}.container .chat-box .send .send-btn.disabled[data-v-734ebf68] .el-button{cursor:not-allowed;color:#9498a4;background-color:#f2f2f2}.container .chat-box.noLeft[data-v-734ebf68]{left:0}.container .right[data-v-734ebf68]{position:absolute;right:0;width:240px;height:100%}.container .right .voiceChat[data-v-734ebf68]{border-bottom:1px solid #dfe1e6;padding:20px 36px}.container .right .voiceChat[data-v-734ebf68] .el-button{width:100%;background-color:#2bc569;color:#fff}.container .right .voiceChat[data-v-734ebf68] .el-button i{margin-right:6px}