.message-page{width:100%;height:auto;min-height:calc(100vh - 50px - constant(safe-area-inset-bottom));min-height:calc(100vh - 50px - env(safe-area-inset-bottom))}.message-page .tabs{padding:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.message-page .tabs .item{width:50px;height:80px;display:flex;flex-direction:column;cursor:pointer}.message-page .tabs .item .tab-img{width:50px;height:50px;position:relative;margin-bottom:10px}.message-page .tabs .item .tab-img img{width:50px;height:50px}.message-page .tabs .item .tab-name{width:50px;height:20px;font-size:var(--primary-size);line-height:20px;text-align:center}.message-page .tabs .item.dot .tab-img:after{content:"";position:absolute;top:2px;right:2px;z-index:9;width:8px;height:8px;border-radius:50%;background-color:var(--striking-color)}.message-page .msg-link{width:100%;height:78px;padding:20px 10px 8px 10px;justify-content:space-between;cursor:pointer}.message-page .msg-link,.message-page .msg-link .left{display:flex;flex-direction:row;align-items:center}.message-page .msg-link .left .msg-img{width:50px;height:50px;margin-right:12px}.message-page .msg-link .left .msg-img img{width:50px;height:50px}.message-page .msg-link .left .msg-name{font-size:var(--primary-size)}.message-page .msg-link .msg-badge{color:#fff;font-size:var(--small-size);line-height:17px;padding:0 9px;border-radius:9px;background-color:var(--striking-color)}