#customer_left{width:350px;position:relative;-ms-flex-negative:0;flex-shrink:0;background:#fff;border-radius:12px}#customer_left .myDialog{z-index:1111111;width:70px;height:30px;border:2px solid #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#customer_left .myDialog>div{-webkit-box-flex:1;-ms-flex:1;flex:1;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;cursor:pointer;background-color:#fff}#customer_left .myDialog>div:hover{background:#ccc}#customer_left .myDialogMark{z-index:1111111;width:150px;padding:6px;padding-top:10px;background:#fff;-webkit-box-shadow:0 0 8px 0 rgba(61,67,83,.25);box-shadow:0 0 8px 0 rgba(61,67,83,.25);border-radius:8px}#customer_left .myDialogMark>.item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px;height:30px;cursor:pointer;border-radius:4px;font-size:14px;color:#666;line-height:14px;margin-bottom:6px;position:relative}#customer_left .myDialogMark>.item:last-child{margin-bottom:0}#customer_left .myDialogMark>.item>span:first-child{display:block;width:8px;height:8px;border-radius:50%;margin-right:8px}#customer_left .myDialogMark>.item .svg-icon{width:14px;height:14px;position:absolute;right:16px}#customer_left .myDialogMark>.item:hover{background:#f6f8ff}#customer_left .myDialogMark .cuMark{background:#f6f8ff;color:#4a72fc}#customer_left .myDialogMark>.btns{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px 10px 10px 10px;margin-top:10px;border-top:1px solid #eee}#customer_left .myDialogMark>.btns,#customer_left .myDialogMark>.btns>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#customer_left .myDialogMark>.btns>div{width:70px;height:28px;border-radius:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}#customer_left .myDialogMark>.btns>div:first-child{background:#fff;border:1px solid #4a72fc;font-family:PingFangSC-Medium;font-size:14px;color:#4a72fc}#customer_left .myDialogMark>.btns>div:last-child{background:#4a72fc;border:1px solid #4a72fc;font-family:PingFangSC-Medium;font-size:14px;color:#fff}#customer_left .no-data{position:absolute;font-size:16px;margin:auto;top:0;left:0;right:0;bottom:0;width:70px;height:5pc;color:#999;text-align:center}#customer_left .box{height:72px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:16px;position:relative;cursor:pointer;-webkit-transition:background .2s ease;transition:background .2s ease}#customer_left .box>div>img{width:40px;height:40px;border-radius:50%;margin-right:12px}#customer_left .box:hover{background:#f5f7fa}#customer_left .box .cusball,#customer_left .box:hover .hover-actions,#customer_left .box:hover .user_descript>i{display:-webkit-box;display:-ms-flexbox;display:flex}#customer_left .box .cusball{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:9px;height:9px;border-radius:4px;background:#fff;position:absolute;top:-4px;left:-4px}#customer_left .box .cusball>div{width:6px;height:6px;border-radius:3px}#customer_left .box .hover-actions{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;position:absolute;right:16px;bottom:16px}#customer_left .box .hover-actions i{font-size:14px;color:#999;cursor:pointer}#customer_left .box .hover-actions i:hover{color:#666}#customer_left .leftTree{height:100%;padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#customer_left .leftTree .chatType{margin-top:24px;-ms-flex-negative:0;flex-shrink:0}#customer_left .leftTree .chatType /deep/ .ivu-tabs-bar{margin-bottom:0}#customer_left .leftTree .chatType /deep/ .ivu-tabs-bar .ivu-tabs-nav-scroll{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-bottom:1px solid #e7e7e7}#customer_left .leftTree .chatType /deep/ .ivu-tabs-bar .ivu-tabs-nav .ivu-tabs-tab{font-family:PingFangSC-Regular;font-size:18px;color:#666;letter-spacing:0;line-height:18px;font-weight:400;padding:0 0 14px 0}#customer_left .leftTree .chatType /deep/ .ivu-tabs-bar .ivu-tabs-nav .ivu-tabs-tab-active{font-family:PingFangSC-Medium;font-size:18px;color:#0b0b0b;letter-spacing:0;line-height:18px;font-weight:500}#customer_left .leftTree .chatType /deep/ .ivu-tabs-bar .ivu-tabs-nav .ivu-tabs-ink-bar{height:3px;background-color:#0b0b0b;border-radius:1px}#customer_left .leftTree .searchBox{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;-ms-flex-negative:0;flex-shrink:0}#customer_left .leftTree .searchBox>div:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:12px}#customer_left .leftTree .searchBox>div:first-child /deep/ .el-input .el-input__inner{height:40px;background:#f3f4f5;border-radius:6px;border:none;font-size:16px}#customer_left .leftTree .searchBox>div:first-child /deep/ .el-input .el-input__inner::-webkit-input-placeholder{color:#999}#customer_left .leftTree .searchBox>div:first-child /deep/ .el-input .el-input__inner::-moz-placeholder{color:#999}#customer_left .leftTree .searchBox>div:first-child /deep/ .el-input .el-input__inner:-ms-input-placeholder{color:#999}#customer_left .leftTree .searchBox>div:first-child /deep/ .el-input .el-input__inner::-ms-input-placeholder{color:#999}#customer_left .leftTree .searchBox>div:first-child /deep/ .el-input .el-input__inner::placeholder{color:#999}#customer_left .leftTree .searchBox>div:first-child /deep/ .el-input .el-input__icon{line-height:40px!important;color:#999}#customer_left .leftTree .searchBox>div:first-child /deep/ .el-input .el-input__prefix{left:8px}#customer_left .leftTree .searchBox>div:first-child /deep/ .el-input .el-input__inner{padding-left:34px}#customer_left .leftTree .searchBox>div .pai,#customer_left .leftTree .searchBox>div .shai{width:40px;height:40px;padding:8px;cursor:pointer}#customer_left .leftTree .searchBox>div .shai{margin-right:4px}#customer_left .leftTree .searchBox>div .pai{margin-right:0}#customer_left .leftTree .searchBox .btn-box{height:40px}#customer_left .leftTree .chat-list{-webkit-box-flex:1;-ms-flex:1;flex:1;height:0;overflow-y:auto;scrollbar-gutter:stable;padding-right:10px;margin-right:-10px;margin-top:24px;padding-bottom:10px}#customer_left .leftTree .chat-list::-webkit-scrollbar{width:4px}#customer_left .leftTree .chat-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}#customer_left .leftTree .chat-list::-webkit-scrollbar-track{background:transparent}#customer_left .leftTree .current_list{height:100%;overflow-y:auto}#customer_left .leftTree .search-type{padding-left:5px;padding-bottom:5px;margin-bottom:10px;font-weight:600;font-size:14px;color:#0b0b0b;border-bottom:.5px solid #e7e7e7}#customer_left .leftTree .show-button{padding:8px 16px;padding-left:5px;color:#4a72fc;font-size:14px;cursor:pointer}#customer_left .leftTree .show-button:hover{text-decoration:underline}#customer_left .left{position:relative;-ms-flex-negative:0;flex-shrink:0}#customer_left .left img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}#customer_left .left .source{width:16px;height:16px;border-radius:50%;position:absolute;right:8px;bottom:0;color:#fff;font-size:10px;background:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}#customer_left .left .source span{-webkit-transform:scale(.8);transform:scale(.8)}#customer_left .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-top:2px}#customer_left .right .message_time{font-size:12px;color:#999;white-space:nowrap}#customer_left .right .message_number{border-radius:10px;min-width:18px;height:18px;padding:0 5px;background-color:#ff304d;color:#fff;font-size:10px;line-height:18px;text-align:center;margin-top:6px}#customer_left .center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding-right:8px}#customer_left .center .center_top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}#customer_left .center .center_top .center_tag{width:24px;height:14px;font-size:12px}#customer_left .center .center_top .center_tag,#customer_left .center .center_top .tag1{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:PingFangSC-Light;border-radius:2px}#customer_left .center .center_top .tag1{background:#deefff;color:#4a72fc}#customer_left .center .center_top .tag1,#customer_left .center .center_top .tag2{font-size:10px;width:30px;height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#customer_left .center .center_top .tag2{background:#fff1dc;border-radius:2px;font-family:PingFangSC-Light;color:#ff6c30;display:-webkit-box;display:-ms-flexbox;display:flex}#customer_left .center .user_name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:PingFangSC-Medium;font-size:14px;font-weight:500;color:#333;line-height:20px}#customer_left .center .user_descript{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-family:PingFangSC-Regular;font-size:13px;color:#999!important;line-height:18px}#customer_left .center .user_descript>i{display:none;font-size:14px;cursor:pointer;color:#999;position:absolute;right:16px;bottom:16px}#customer_left .center .user_descript>i:hover{color:#666}#customer_left .align_justify_center{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}.el-popover.paixu-modal{padding:6px!important;border-radius:8px!important;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)!important;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)!important;background-color:#fff!important}.el-popover.paixu-modal .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;cursor:pointer;border-radius:4px;font-size:14px;color:#666;line-height:14px;margin-bottom:6px;gap:12px}.el-popover.paixu-modal .item .svg-icon{width:14px;height:14px}.el-popover.paixu-modal .item:last-child{margin-bottom:0}.el-popover.paixu-modal .item:hover{background-color:#f6f8ff}.el-popover.paixu-modal .item.paixuchose{background-color:#f6f8ff;color:#4a72fc}.el-popover.paixu-modal .item.paixuchose i{color:#4a72fc}.el-popover.shaixuan-modal{padding:6px!important;border-radius:8px!important;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)!important;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)!important;background-color:#fff!important}.el-popover.shaixuan-modal .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;cursor:pointer;border-radius:4px;font-size:14px;color:#666;line-height:14px;margin-bottom:6px;position:relative}.el-popover.shaixuan-modal .item .svg-icon{width:14px;height:14px;position:absolute;right:16px}.el-popover.shaixuan-modal .item:last-child{margin-bottom:0}.el-popover.shaixuan-modal .item:hover{background-color:#f6f8ff}.el-popover.shaixuan-modal .item.shaixuanchose{background-color:#f6f8ff;color:#4a72fc}.el-popover.shaixuan-modal .item>span:first-child{display:block;width:8px;height:8px;border-radius:50%;margin-right:8px}.el-popover.shaixuan-modal .btns{padding:8px 10px 4px;border-top:1px solid #eee;margin-top:4px;text-align:right}.el-popover.shaixuan-modal .btns span{font-size:14px;cursor:pointer;color:#4a72fc}.el-popover.shaixuan-modal .btns span:hover{font-weight:700}