.module-box{margin-bottom:20px}.module-box__title{margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.module-box__label{font-size:14px;font-weight:400;line-height:1em;display:block}body{height:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Moderat,Microsoft YaHei;color:#333;font-size:14px}label{font-weight:700}html{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-size:16px}#app,html{height:100%}#app{min-height:100%}body,dl,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;font-weight:400;padding:0}ol,ul{list-style:none}button{outline:none}fieldset,input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;min-width:0;font-size:1rem;font-family:inherit}[contenteditable],input[type]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}input::-ms-clear{display:none}input:focus{outline:0}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}.no-padding{padding:0!important}a:active,a:focus{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}div:focus{outline:none}.w100{width:100%}.box-container{padding:15px}@media(-webkit-device-pixel-ratio:2){.border-1px:after{height:1px;content:"";width:100%;border-bottom:1px solid #e1e1e1;position:absolute;bottom:-1px;right:0;transform:scaleY(.5);-webkit-transform:scaleY(.5)}}@media(-webkit-min-device-pixel-ratio:2){.border-bottom:after{border-bottom-width:1px}.border-1px:after{content:" ";display:block;position:absolute;top:0;right:-100%;bottom:-100%;left:0;border:0 solid #e1e1e1;-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;-webkit-transform:scale(.5);transform:scale(.5);width:200%;-webkit-box-sizing:border-box;box-sizing:border-box}}.customer-msg{margin:50px auto;width:1100px}.customer-msg .left-customer{float:left;width:270px;height:710px;margin-right:20px;border:1px solid #cecbd4;border-radius:4px;background:#fff;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.customer-msg .left-customer .el-collapse-item__content,.customer-msg .left-customer .el-collapse-item__header{font-size:14px}.customer-msg .left-customer .title-admin .input-box{width:178px;float:left}.customer-msg .left-customer .title-admin .input-box input{margin:10px 0;border-radius:0}.customer-msg .left-customer .title-admin .search-box{float:left;padding:7px 10px 8px;background:#f4f4f5;width:40px;border:1px solid #dcdfe6;border-left:none;margin-top:10px;cursor:pointer}.customer-msg .left-customer .title-admin img{width:20px}.customer-msg .left-customer .user-list{padding:10px 0;border-bottom:1px solid #ebeef5;cursor:pointer}.customer-msg .left-customer .user-list:last-child{border-bottom:none}.customer-msg .left-customer .user-list .user-img{float:left;margin-left:10px;position:relative}.customer-msg .left-customer .user-list .user-img i{width:8px;height:8px;border-radius:50%;background:red;display:inline-block;position:absolute;left:40px;top:0}.customer-msg .left-customer .user-list .user-img img{width:40px;height:40px;border-radius:50%;margin-right:10px;-o-object-fit:cover;object-fit:cover}.customer-msg .left-customer .user-list .user-text{width:155px;float:left}.customer-msg .left-customer .user-list .user-text .name{color:#75757a}.customer-msg .left-customer .user-list .user-text .email,.customer-msg .left-customer .user-list .user-text .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-msg .left-customer .active{background:#f5f5f5}.customer-msg .customer-box{float:left;width:810px;height:640px}.customer-msg .customer-box .message-box-out{width:810px;height:640px;background:#fff;border:1px solid #cecbd4;border-radius:4px;overflow-y:auto}.customer-msg .customer-box .message-box-out .el-loading-spinner .circular{height:22px;width:22px;margin-top:25px}.customer-msg .customer-box .message-box-out .noMore{text-align:center;color:#75757a;font-size:12px;margin-top:10px}.customer-msg .customer-box .message-box-out .message-customer{margin:20px 20px 48px 20px}.customer-msg .customer-box .message-box-out .message-customer .customer-in{margin-bottom:15px}.customer-msg .customer-box .message-box-out .message-customer .customer-in .pictrue-img{width:28px;height:28px;border-radius:50%;vertical-align:middle;-o-object-fit:cover;object-fit:cover}.customer-msg .customer-box .message-box-out .message-customer .customer-in .name{font-weight:700;margin:0 10px;color:#1d1d1f}.customer-msg .customer-box .message-box-out .message-customer .customer-in .time{color:#75757a}.customer-msg .customer-box .message-box-out .message-customer .customer-text{padding:15px 25px;background:#f5f5f5;border-radius:38px;display:inline-block;text-align:left;word-wrap:break-word;white-space:normal;word-break:break-all}.customer-msg .customer-box .message-box-out .message-customer .other-customer{border:1px solid #cecbd4;background:none}.customer-msg .customer-box .message-box-out .message-customer-right{text-align:right}.customer-msg .customer-box .message-box-out .empty-box{margin-top:300px;text-align:center}.customer-msg .customer-box .message-box-out .empty-box h3{font-size:24px}.customer-msg .customer-box .message-box-out .empty-box p{font-size:18px;color:#cecbd4;margin-top:15px}.customer-msg .customer-box .message-box-out-start{height:710px}.customer-msg .customer-box .submit-btn{width:818px;height:48px;background:#fff;border:1px solid #cecbd4;border-radius:24px;padding:12px 4px 12px 10px;margin-top:20px}.customer-msg .customer-box .submit-btn input{width:720px;margin-right:32px;line-height:20px}.customer-msg .customer-box .submit-btn span{color:#cecbd4;cursor:pointer}.customer-msg .customer-box .submit-btn .save-btn{color:#409eff}.customer-msg .customer-box .save-border{border:1px solid #409eff}