.top-bar{position:relative}.count-bar{height:1.1rem;padding:.3rem .4rem;background-color:#0dab29}.count-bar .count-title{color:#fff;font-size:.42rem;opacity:.6}.count-bar .nav{margin-top:.52rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.count-bar .nav .item{font-size:.34rem;opacity:.4;color:#fff;margin-right:.4rem;font-weight:500}.count-bar .nav .item.active{opacity:1}.message-wrap .list-item{padding:.4rem .4rem 0;border-bottom:.2rem solid #e9e9e9}.message-wrap .list-item:last-of-type{border:none}.message-wrap .list-item .item-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-bottom:.24rem;border-bottom:1px solid #e9e9e9}.message-wrap .list-item .item-top .label{color:#222;font-size:.3rem;margin-top:.1rem;margin-right:.3rem}.message-wrap .list-item .item-top .text{color:grey;font-size:.3rem;line-height:.5rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.message-wrap .list-item .item-top .delete{border:1px solid #ffd2d2;border-radius:2px;width:1.03rem;height:.6rem;line-height:.6rem;text-align:center;color:#f14b4b;font-size:.28rem;margin-top:.1rem}.message-wrap .list-item .item-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:.3rem 0 .72rem}.message-wrap .list-item .item-content .avatar{width:.9rem;height:.9rem;margin-left:.1rem;margin-right:.44rem}.message-wrap .list-item .item-content .avatar img{width:.9rem;height:.9rem;border-radius:6px}.message-wrap .list-item .item-content .content .name{color:#222;font-size:.3rem;margin:.07rem 0 .18rem}.message-wrap .list-item .item-content .content .time{color:#888;font-size:.28rem;margin-bottom:.36rem}.message-wrap .list-item .item-content .content .msg{color:#222;font-size:.34rem;line-height:.44rem}.message-wrap .list-item .item-content .content .re-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:.32rem}.message-wrap .list-item .item-content .content .re-title .re-text{color:#bbb;font-size:.28rem;margin-right:.13rem}.message-wrap .list-item .item-content .content .re-title .re-icon{width:.33rem;height:.27rem;background:url(../images/jump-right-down-icon.png) center no-repeat;background-size:contain}.message-wrap .list-item .item-content .content .re-wrap{padding:.3rem;background-color:#e8e8e8;margin-top:.2rem}.message-wrap .list-item .item-content .content .re-wrap .re-msg{color:#666;font-size:.3rem;letter-spacing:.6px;line-height:.4rem}.message-wrap .list-item .item-content .content .re-wrap .re-msg .msg-title{color:#222}