page,uni-page-body{height:100%}.chat-room{display:flex;flex-direction:column;height:542px;padding:14px;position:relative;scrollbar-color:transparent transparent;scrollbar-width:thin}.chat-room .scroll-view{height:478px;overflow-y:scroll;transition:scrollTop .5s ease-in-out}.chat-room .scroll-view::-webkit-scrollbar{width:0}.chat-room .scroll-view::-webkit-scrollbar-thumb{background-color:transparent}.header{background:#fff;height:80px;line-height:80px;position:fixed;text-align:center;top:0;width:100%}.quit-btn{left:60px;position:absolute}.online-avatar-container{background:#fff;box-shadow:10px 30px 50px #fff;display:flex;height:80px;justify-content:flex-end;padding:28px;position:fixed;right:0;top:80px;width:100%;z-index:40}.online-avatar-item{font-size:18px 28px}.online-avatar-item,.online-count{background:rgba(51,51,51,.3);border-radius:40px;color:#fff;height:80px;line-height:80px;text-align:center;width:80px}.online-count{font-size:28px}.online-avatar-item image{height:80px;width:80px}.scroll-div{-webkit-overflow-scrolling:touch;position:relative}.scroll-div .load-more-message{color:#fff;cursor:pointer;text-align:center;width:calc(100% - 38px)}.user-message{color:#333}.chat-room-input{align-items:center;border-radius:8px 8px 0 0;bottom:0;display:flex;height:50px;justify-content:center;left:0;position:absolute;right:0;width:320px;z-index:99999}.uni-input{background:#f3f3f3;border:none;border-radius:22px;color:#bbbfc5;font-family:STHeiti;font-size:14px;height:32px;line-height:16px;outline:none;padding:8px;width:293px}.uni-btn{background:#2c485b;border-radius:44px;color:#fff;flex-shrink:0;font-family:STHeiti;font-size:28px;font-weight:700;height:56px;line-height:56px;right:12px;text-align:center;top:10px;width:110px;z-index:1000}.heart{height:92px;padding:0 15px;width:80px}.rocket{height:92px;width:40px}.self{color:#d02129}.show-animation{animation:myanimation 2s linear;bottom:80px;height:320px;justify-content:flex-end;left:50%;margin:0 -40px;position:fixed;width:80px;z-index:44}.prop-heart{height:80px;width:80px}.prop-rocket{height:160px;width:80px}@keyframes myanimation{0%{bottom:80px}to{bottom:600px}}