.clearfix:after{content:"";display:block;clear:both}.talk-wrap{background:#f5f5fb;border-radius:8px;height:572px;overflow:hidden;display:flex;box-shadow:0 0 2px #dedede}.talk-left{width:216px}.talk-center{width:500px;background:#fff}.talk-right{width:200px}.talk-select{border-bottom:1px solid #e2e5ee;height:66px;margin-top:6px}.talk-select .el-select{margin:12px 0 0 16px;background:#e2e5ee;width:184px}.talk-left ul li{border-bottom:1px solid #e2e5ee;padding:8px;line-height:24px;height:40px;font-size:16px;color:#000}.talk-left ul li em{float:right;display:inline-block;margin-top:6px;font-size:12px;color:#fff;background:#ec4849;border-radius:8px;line-height:12px;min-width:12px;padding:2px 4px;text-align:center}.talk-left ul li.active{background:#fff;color:#377dff}.talk-left ul li span{float:right;color:#999;font-size:12px}.talk-left ul li label{display:inline-block;width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.talk-name{height:66px;border-bottom:1px solid #e2e5ee;padding:6px 16px 0 16px}.talk-name h2{font-size:18px;color:var(--primary-color);margin-top:18px;line-height:22px;float:left;max-width:386px}.talk-name .link-com{float:right;display:inline-block;line-height:20px;margin-top:20px;background:#fd767a;cursor:pointer;border-radius:4px;padding:0 6px;color:#fff;font-size:12px}.talk-center ul{height:320px;padding:16px;border-bottom:1px solid #e2e5ee;overflow-y:auto}.talk-center ul li .talk-mess{margin-top:8px}.talk-center ul li img.pic-tp{max-height:80px}.talk-center ul li img.pic-bq{max-height:24px}.talk-center ul .talk-you .talk-mess .talk-photo{float:left;width:40px;height:40px;border-radius:50%;background:#f5f6fb;margin-right:16px;overflow:hidden}.talk-center ul .talk-you .talk-mess .talk-photo img{width:40px;height:40px}.talk-center ul .talk-you .talk-mess .talk-text{background:#f5f6fb;margin-top:16px;padding:8px 12px;float:left;display:inline-block;border-radius:0 8px 8px 8px;max-width:calc(100% - 80px)}.talk-center ul .talk-you .talk-mess .talk-order{float:left;margin-top:16px;padding:8px 12px;display:inline-block;color:#333;border-radius:8px 0 8px 8px;max-width:calc(100% - 80px);border:1px solid #d9ecff;background-color:#ecf5ff;min-width:120px}.talk-time{text-align:center;font-size:12px;color:#999;margin:10px 0}.talk-tip{margin:10px auto;text-align:center;margin-bottom:-18px}.talk-tip span{background:#f5f6fb;border-radius:4px;line-height:24px;padding:0 8px;font-size:12px;color:#999;display:inline-block}.talk-tip span a{color:#377dff}.talk-center ul .talk-me .talk-mess .talk-photo{float:right;width:40px;height:40px;border-radius:50%;background:#f5f6fb;margin-left:16px;overflow:hidden}.talk-center ul .talk-me .talk-mess .talk-photo img{width:40px;height:40px}.talk-center ul .talk-me .talk-mess .talk-text{background:#6591fe;float:right;margin-top:16px;padding:8px 12px;display:inline-block;color:#fff;border-radius:8px 0 8px 8px;max-width:calc(100% - 80px)}.talk-center ul .talk-me .talk-mess .talk-order{float:right;margin-top:16px;padding:8px 12px;display:inline-block;color:#333;border-radius:8px 0 8px 8px;max-width:calc(100% - 80px);border:1px solid #d9ecff;background-color:#ecf5ff;min-width:120px}.talk-upload{height:28px;background:#f9f9f9;padding:0 8px}.talk-upload span{display:inline-block;position:relative}.talk-upload label{float:right}.talk-textarea{padding:0;border:none;background:none}.talk-textarea .el-textarea__inner{border:none;background:none;height:80px;overflow:hidden;resize:none}.drawer{position:absolute;bottom:32px;left:-60px;width:298px;height:240px;overflow-y:auto;background:#fff;padding:10px;border-radius:8px;border:1px solid #eee;z-index:3007}.drawer img{width:26px}.el-image{text-align:center}.talk-upload .el-button{background:none;border:none}.talk-upload .el-button--mini{padding:7px 8px 0 8px}.talk-textarea .el-button{float:right;margin-right:16px}.talk-textarea .el-button--primary{background:var(--primary-color);border-color:var(--primary-color)}.talk-oldtit{border-bottom:1px solid #e2e5ee;position:relative;height:66px;padding:6px 16px 0 16px}.talk-oldtit span{margin-top:18px;line-height:24px;color:#333}.talk-oldtit i,.talk-oldtit span{display:inline-block;font-size:16px}.talk-oldtit i{float:right;border:1px solid #999;position:absolute;top:10px;right:10px;color:#999;border-radius:20px;cursor:pointer;width:16px;height:16px;line-height:16px;text-align:center}.talk-old{padding:10px 0;position:relative;height:480px}.talk-old ul{height:436px;overflow-y:auto}.talk-time{position:absolute;bottom:0;left:10px;width:180px}.talk-time .el-input__inner{width:124px;height:32px;line-height:32px;font-size:12px;margin-right:6px}.talk-time .el-date-editor.el-input,.talk-time .el-date-editor.el-input__inner{display:inline-block;width:130px}.talk-time .el-input__icon{line-height:32px}.talk-time .el-input--suffix .el-input__inner{padding-right:24px}.talk-old ul li{padding:10px 16px}.talk-old ul li a{color:#377dff}.customClass{background:#f5f5fb!important}.talk-old ul .talk-oldme .talk-photo{float:right;width:40px;height:40px;border-radius:50%;background:#fff;margin-left:16px;overflow:hidden}.talk-old ul .talk-oldme .talk-photo img{width:40px;height:40px}.talk-old ul .talk-oldme .talk-text{background:#6591fe;float:right;margin-top:16px;padding:8px 12px;display:inline-block;color:#fff;border-radius:8px 0 8px 8px;max-width:calc(100% - 80px)}.talk-old ul .talk-oldyou .talk-photo{float:left;width:40px;height:40px;border-radius:50%;background:#fff;margin-right:16px;overflow:hidden}.talk-old ul .talk-oldyou .talk-photo img{width:40px;height:40px}.talk-old ul .talk-oldyou .talk-text{background:#fff;margin-top:16px;padding:8px 12px;float:left;display:inline-block;border-radius:0 8px 8px 8px;max-width:calc(100% - 80px)}.talk-old ul li .pic-bqold{max-height:24px}.talk-old ul li .pic-tpold{max-height:60px;max-width:80px}.el-dialog__body[data-v-53a5e628]{padding:0 0!important}.v-modal[data-v-53a5e628]{z-index:1!important}