.customer-service-item{display:flex;align-items:flex-start;margin-bottom:25px}.customer-service-item .martIcon{border-radius:0!important}.customer-service-item .user-icon{width:45px;height:45px;border-radius:50%}.customer-service-item-message{align-items:flex-start}.customer-service-item-text{flex:1;width:100%;max-width:468px;margin:0 20px}.customer-service-item-text p{background-color:#fff;border:1px solid var(--color-border);text-align:left;color:#000;padding:10px;border-radius:4px;font-size:12px}.customer-service-item-image{flex:1;width:100%;max-width:125px;margin:0 20px}.customer-service-item h3{color:var(--color-subtitle);margin-bottom:10px;font-size:12px;font-weight:400}.customer-service-left{justify-content:flex-start}.customer-service-rigth{justify-content:flex-end}.customer-service-rigth h3{text-align:right}.customer-service-rigth .customer-service-item-text p{background:#fef1db;border:1px solid var(--color-main);border-radius:4px}html[dir=rtl] .el-dialog{direction:rtl}html[dir=rtl] .customer-service-dialog .el-dialog .el-dialog__header .dialog-title .left img,html[dir=rtl] .customer-service .avatar-uploader{margin-left:10px;margin-right:0}html[dir=rtl] .customer-service-footer .el-button{margin-right:10px;margin-left:0}.customer-service-dialog .el-dialog{position:absolute;bottom:20px;right:20px;width:460px!important;height:646px;border-radius:4px;overflow:hidden}.customer-service-dialog .el-dialog .el-dialog__header{background-color:var(--color-main)!important;height:44px!important;padding:0 10px!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.customer-service-dialog .el-dialog .el-dialog__header .dialog-title{background-color:var(--color-main)!important;height:100%;width:100%;line-height:44px;font-size:14px;color:#fff;display:flex;justify-content:space-between;align-items:center}.customer-service-dialog .el-dialog .el-dialog__header .dialog-title .left{display:flex;align-items:center}.customer-service-dialog .el-dialog .el-dialog__header .dialog-title .left img{height:34px;margin-right:10px}.customer-service-dialog .el-dialog .el-dialog__header .dialog-title .right{width:8px;cursor:pointer}.customer-service-dialog .el-dialog .el-dialog__header .dialog-title .right img{width:100%;height:100%}.customer-service-dialog .el-dialog .el-dialog__body{padding:0!important;height:602px;background-color:#f0f4f9!important}.customer-service{position:relative;height:100%}.customer-service-list{position:relative;height:602px;overflow:auto;padding:15px;padding-bottom:44px}.customer-service-footer{position:absolute;bottom:0;left:0;right:0;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom);display:flex;justify-content:flex-start;align-items:center;background-color:#fff;height:44px;padding:10px 8px;box-sizing:border-box;font-size:14px;border-radius:0 0 10px 10px}.customer-service-footer .image-icon{font-size:50px;color:#fff;margin-left:20px}.customer-service-footer .el-input .el-input__inner{border:0;height:32px;background-color:#f5f5f5}.customer-service-footer .el-button{background:var(--color-main);color:var(--color-white);border-color:var(--color-main);border-radius:4px;width:65px;height:30px;font-size:14px;padding:0;margin-left:10px}.customer-service-footer .el-button:focus,.customer-service-footer .el-button:hover{color:var(--color-white);border-color:var(--color-main);background-color:var(--color-main)}.customer-service .avatar-uploader{margin-right:10px}.customer-service .el-icon-picture-outline{font-size:20px!important}.vdr{position:absolute;z-index:999!important;pointer-events:auto!important}.tuodong{position:fixed;top:0;bottom:100px;left:0;right:0;z-index:2001!important;width:100%;height:100%;pointer-events:none}.information-content{padding:0 10px}.information-content h1{font-weight:600;font-size:24px;color:var(--color-title);margin:30px 0}.information-content-pagination{width:100%;text-align:center;padding:10px 0 40px 0}.information-content-list{margin-bottom:30px}.information-content-list .el-badge{width:100%;margin:0 0 13px 0;padding:12px 15px;border:1px solid var(--color-border);border-radius:4px;cursor:pointer}.information-content-list .user-avatar{font-size:12px}.information-content-list .user-avatar img{margin-right:8px;width:45px;height:45px}.information-content-list .user-avatar p{padding-right:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:4px}