.chat-body-head{flex:0 0 70px;justify-content:space-between;width:100%;height:70px;padding:0 20px;background-color:#fff;border-bottom:1px solid #f2f2f2}.chat-body-head,.chat-body-head .head-left{display:flex;align-items:center}.chat-body-head .head-left .online-box{width:68px;line-height:20px;margin-left:12px;background:#f8f8f8;border-radius:10px}.chat-body-head .head-left .online-box .online-text{display:flex;align-items:center}.chat-body-head .head-left .online-box .online-text .icon{width:10px;height:10px;margin-left:6px}.chat-body-head .head-left .online-box .online-text .icon.web-online{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAADoklEQVQ4T32Vz2tUVxTHv/fe92NmTEInMBFxIYSICwMuagq2i26KrSt3xZUbbQv+AyndBHcN3ZUiVKJQu5EuCqWgNhTixi6MFkRdiEVwUUqTkmczYWbefe/e0+99k5fOWOtLhnfnvnc+53t+3DMKr7ju3ZM4z9G2bcyoEpMaSMJrBrA2QjfJsJGmyI4fV8XL5urljZ8fyv5IMMsHbS/wYiAo/33LOygdQ3sgwwSevTer/hxljAFv3Zc5o3FEAOGn8s6FBHBYa8V/AsOaG7FSXCs8+eBN9VsN3QPe+kXmnMZRZWC1oCg1gmkZAAS9UUEEL4ID/kXQMNyPQzryAo9Pvz2EVsBrd2RmOsWC8yCTygQ9gqcbEU5RxUlRmOA+GO4Ob6sDh5visEXrVlDKqMxWjvWz76gNtbYmUZZgwRu0CbJU0EtjHIoNFgk5xtC5PfQc7rtKH9D5MpU9p8MWHyZ+gKwjWFc3fpXO3328ZQIMVfqbqcEyFc4zxGEIu1cNrOAej6zDIpd9fo8CdKKJu+ramsybFAe9rRI/oLIzVHlhrHK0qFSGe3BSy9W4VAius50aoqFdF7+rb27LCeUxxTw5Jjkn9QrRh4NhHWe9HHVSFcDgKdNyjpGkSmAI3VZXV+XdMkLDWFhWZJKhrBDUGTWuVVVORi4K3VQa51mUrhMkkcFAXSbQKTS0I1AwWTqs0K4zVok6RN5HlmG9aQyBCl2qTLgeqK9+lBMMd4oQx9TmNscVVvBwADIFoffGKHvV5j4BT1spzpUlQ+ZXhr2tvvhe5uMEB6nMa3pgK5yxFhf2qvs/CQzhJzEu8UxfZ382GK4uLIvy5Q3p9Ng2rJwNp5aJbm73sewc5kM16XV4jcQaYFrj0VQLi2zwPp9F3EtaoW2W2NjpJhZ4lNqO0ySO0CtzHNrOschQjo0lbRdONQ+m9mE5ivC8KNEyEaeRRZZ32NjB+dJPMqO3qtMSWqegqh5tp3d6OMXmPUnvE+E9PtthRVf3RbgZpdiiuhZtYhbU+GmsX3yfR6/ugqXvZK4scJTGNkDZX459VXJOKeuHw4FhvuBH2CoR+9VwiMQsZWL7ePz5+ZHhUEM//VbmBj0cYZFYeBRMAZpch4KFd0ohUw9Po5RUxuHVaOHJxQ9fMb5q6Gc/yP7eX5ilsjap3vu9mQDmDKyk4ugO4GzH49nKR68ZsDX0468lPtBEO7OYceEnwA9/Agi3poFuO8HGH31klz/570/APzpbnQgzUJ3/AAAAAElFTkSuQmCC) no-repeat 50%;background-size:10px 10px}.chat-body-head .head-left .online-box .online-text .icon.mobile-online{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAADnUlEQVQ4T3VVQWtUVxT+zrnvvZlMJsUJTNLiQpCICwe6MdLSRTdF6qpbV24sXfgHUroJbkqDu1JcSC3Ulb+gFim4KhTjRogFSZDaIuoEMqkZx3lv3r3H775JdCa2NxPuvDv3fuf7vnvOeYL/GPfM0hz9VoGXC4J0TqFZ3OYQigKjvQyz3RqavdMio8PH5fDCb/Z8MUFyXOBbAS4YSgOS/W0lAhJReOVvPaB89JksPp/EmAL81bpLDnLSYMb/Knr8HkAcDuVHINWZAEnH3+3h57KwdQD6BjCCeYRTAisUMiphnptLqRjJkTGI7ZIuP56UxSks5W9ZDn3wxT5oBXjDthbmMbvsCaIIkdlA4ObrcOfI4qxBmjzMP+kbwu0h/C2D3+G+RoCmVOV28HL9gix15Y5Z0kN3OaBoUVHB8IMacCxFsqKGDyvRh4w2wX1GXcvhH5NRg9yzgKzXxp/r8os9bf8Lf4ZRCGYlAWZqSNYovROdlMomQnKOz3GQNQi6QcAVPr3iMy2wrAl3V27Y3x0Hf5TUabwMU+h5Urp0ABLnCcyKbfSpgha5OkK46WB1WqEeM0/kZ/vrY4G+R3b0T3KiXhezE5MHJd4EUeI8Obi2qSIXeVk1snQEfSE/2T+flijrUbKHziGUP/JQ+4DFeCbLKHOC33hdt6HuSyb8Hi80o+6hXCOgJyDZETDMhRAqwCkmE4BvgaN03VYVAuoeWWYOyVB+oGRGpuTAvJO8tPI6y+PElIf7nlWs9qXHmSQ265pcZM5SsjoGeyFXbKuTYnS0ZJkx14Y57Hzw4dJb66fFT67Tv6s1lZusmnrCchwhfSLf22Z7ADvDYwVjsjL8TD8Ua2bSiS5FiYdHvBsnutFQt2Jwr5iHCdeyBuSurNqdpIb3l3m4Rc1FChmQ7bF+yFe8WZXYE4lSPTrV+01N1ngJj0ewhiMY9/RyPFuvwq/a7wuKdqyWmDoj+kFQm89DOFfCnw1mzbiPEvsKd3vG9FbiZIe+s/RiPWcuYHv9snzSfaNn1TaWKPAUPIrgZMQe6FmvZUAqDFQ1B67t0mfehyUshKo5kG/Gq3xwud6pOs6UQV9H0FxPalKat3Hz1IT5ilC1L5SB5TRuX04sDS7hQ3j4nYzB3gGMC9/YH4sFGseZRC1nGpGm6oM9UbwEZePoZTuDR98ufvT/DfYgyld2L/0AR1o9vgK09HPsidUrgMhFCLbXyma7T7Hbuyan33kFvAZrFcU6KVbVdwAAAABJRU5ErkJggg==) no-repeat 50%;background-size:10px 10px}.chat-body-head .head-left .online-box .online-text .text{font-size:12px;transform:scale(.83)}.chat-body-head-title{margin-bottom:0;color:#333;font-size:20px;cursor:pointer}.chat-body-head-operation{display:flex}.chat-body-head-operation a{font-size:16px;color:#999}.chat-body-head-operation .head-icon{margin-left:20px}.chat-body-head-operation .head-icon svg{font-size:22px;color:#999;cursor:pointer}.chat-body-head-operation .head-icon svg.active,.chat-body-head-operation .head-icon svg:hover{color:var(--primaryHoverColor)}