.reader-list{position:absolute;z-index:1000;width:250px;border:1px solid #ebebeb;box-shadow:0 4px 20px 0 rgba(0,0,0,.06);border-radius:12px;background:#fff;font-size:14px;color:#666}.reader-list .header{line-height:37px;background:var(--messageColor);text-align:center;border-bottom:1px solid #ebebeb;border-radius:12px 12px 0 0;color:#fff}.reader-list ul{max-height:148px;overflow-y:auto;border-radius:0 0 12px 12px}.reader-list ul::-webkit-scrollbar{width:4px}.reader-list ul li{display:flex;align-items:center;line-height:36px;padding-left:20px;border-bottom:1px solid #f5f5f5}.reader-list ul li:nth-child(2n){background:#fbfbfb}.reader-list ul li:last-child{border-bottom:none}.reader-list ul li .user-name{flex:0 0 70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:16px;color:#666}.reader-list ul li .user-name:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABXklEQVQ4T6WTP0/CUBDA7177BENEBzQxgULQxbi56OTgJ4HBOuji4u7q4qKLDvJJTNz0EziYECRMyKBpFNpHe15LW2oFHdqkae/d3e/+PoTUU2tQXulQ0tBZRsScryYi26WFDzmGQaeFo6QLTgXCugmVsadW09CkrAv51l6HHpyj55+HAMLyEWwKVxX/co50OkqrfQsv7E4BoG6S8V/kNDjI5Aa7WD6lRe1TbZEXZcNcFAY7nPC7Gzo+8feKyOtGIBRAbkE+40aTKkpTa7ECRJVRLZaXUlEtIGgQeK/RuXRlH41DexsI8zEAxQX/H8zpxT1ncRbrkEZYNZ2dVPoPbFCYA/hiwH6yjGwAridbCZoc/m4iihqneDeziQBNLqHzo4kzxziZxDEb7oXGjzyB6+QE4jFmXqRJhIyrHEEyXKbp1P2e5N6hpHSnGFxnl2+zLm3pgGWvwKB3icPkjnwDkwqrLumxI+8AAAAASUVORK5CYII=) no-repeat 50%;background-size:8px 8px}.reader-list ul li .read-time{display:flex;align-items:center;font-size:12px;color:#ccc}.reader-list ul li .read-time:before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACtUlEQVRIS7WVyWtTcRDHmz05JC4nlSruKNFAyGISUlpEQQ+5KnpXEL30oKh/gB48eFEEvSt6bAUFtbElxixNAqHBCiJiFW8u9ZA98TOP1/KyBzU/GOaXycx8Z+bNzE83NuKjG7H/sZ4A+Xx+U6VSOUMAJyEXtAWqQF+gD9Azs9n8yOVy/egXZAdANBq12u32aYyuQBsHZPhTp9PdKpfLt0OhULGbbgtALpfbWa/XZ1E8pCrP4eAx9zmr1fpZZKVSaQfsaLPZPC1c1VsyGAwRt9v9qR1kHSCRSIwbjca3KIxDyzi44PP5XvfLIJ1OTxHAPXQOSOlqtVowEAhICdePAiBlcTgcCzj1QQtkEUFxVau4uLjYlN9er7cl61gsZrfZbLPYTQKWplyT2nIpyhhfhd2E3kNHcPKrPfJeAKr9BnhCzeQ69uJLObp4PL6ZbvjI3UEUE5TlTbey9AMQ/VQqFdLr9TGuq3TfbrL4rgBkMpmLOL5Dei89Hs/xbs7VKLuWSKuPrxf4OoavS/i6qwDwoWYQRKDzCB/8I8A5AO7j4ylliigApC7ttx2AfQDIAHU9g0qkZrkHLj5WAJB2VgDKcDOdYHE6nTKpfQHa/9R2VaFQMBeLRfFXQW5ZA5B2tDNAjnA4/HsUANKa+6GDoC73AhhGTjU6SzTsRx4GgC7q/MjDtumQAJ1tqh20RqMR9vv98WGctetks9kg9jKkrYOmttc1+A3oHRTstir6gVL73qtCDMnCxrpIcj3MPMzTapF+HaUF0y475EusCX/HshMDvsVepnCe6zbob9b1V4Kbah/WltWbTCZ38XDMAKA8OLKfYE9Y369YZCsmk8lcrVZl6ieQn5K9o2Yz+MFZS1vKZbFYpjG+jOz/Ppna2sqjT7RnATqBXB79rer/3+B5snhORg8HPfp/APEQcSjm9QKiAAAAAElFTkSuQmCC) no-repeat 50%;background-size:12px 12px}