*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;font-family:Helvetica,PingFang SC,Microoft Yahei,sans-serif}.comment-item{margin-top:5px;margin-bottom:10px;padding:6px;display:grid;grid-row-gap:8px;grid-template-columns:1fr 8fr 1fr;grid-template-rows:auto;grid-template-areas:"avatar nickname option" "avatar send-time option" "avatar content option";justify-items:start}.comment-item .avatar{grid-area:avatar}.avatar-box{width:50px;height:50px;border-radius:50%}.comment-item .nickname{grid-area:nickname;font-size:1rem;line-height:17px;color:#919ba0}.comment-item .send-time{grid-area:send-time;font-size:.9rem;line-height:14px;color:#c3cdd1}.comment-item .content{grid-area:content;overflow-y:hidden;place-self:start}.comment-item .option{grid-area:option;place-self:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;align-self:end center}.gray{color:#919ba0}.hot{color:orange}.red{color:red}.comment-list{width:100%;min-width:300px}.comment-reply{margin-left:5vw}