.search-div{float:right;width:31%;position:relative;top:0;padding:0;text-align:right}
.search-div button{border-radius:.357rem;color:var(--main_color)}
.search-div button span{position:relative;top:-.214rem}
.content-item{transition:all .3s;padding:1.714rem;border-bottom:1px solid #e7eaf1;font-size:1.071rem;margin:.714rem 0;background:#fff}
.com-section{background:#fff;border-radius:3px}
.content-item>.avatar{width:3rem;height:3rem;overflow:hidden;float:left;margin-right:.714rem}
.content-item>.avatar img{width:100%;height:100%;border-radius:1.428rem}
.post-self{margin:0 0 0 3.714rem}
.create-time{color:#ccc;float:right;font-size:.857rem;position:relative;top:-.214rem}
.creator{display:inline-flex;align-items:center;color:#86939e}
.post-content{margin-top:.714rem;line-height:1.571rem;font-size:1rem;word-break:break-all;word-break:break-word}
.com-reply-list{border-radius:.143rem;background:#f8f8f8;font-size:1rem;margin-top:1.285rem;padding:.357rem 0;margin-left:3.714rem}
.com-reply-item{background:#f8f8f8;display:flex;padding:1.071rem 1.429rem;box-sizing:border-box}
.com-avatar{border-radius:.143rem;height:2rem;min-width:2rem;width:2rem;margin-right:.714rem}
.com-avatar img{width:100%;height:100%}
.reply-content{width:100%}
.flex{display:flex}
.com-content{width:100%;font-size:1rem;word-break:break-all}
.com-reply-item .date{font-size:.857rem;color:#ccc;line-height:1rem;text-align:right;min-width:7.143rem}
.replyer{color:var(--main_color)}