.app{margin:50px auto;width:80%}.reply-navigation{margin-bottom:22px}.reply-navigation .nav-bar{align-items:center;display:flex;list-style:none;margin:0;padding:0}.reply-navigation .nav-bar .nav-title{align-items:center;display:flex;font-size:20px;width:114px}.reply-navigation .nav-bar .nav-title .nav-title-text{color:#18191c;font-weight:500}.reply-navigation .nav-bar .nav-title .total-reply{color:#9499a0;font-size:13px;font-weight:400;margin:0 36px 0 6px}.reply-navigation .nav-bar .nav-sort{align-items:center;color:#9499a0;display:flex;font-size:13px}.reply-navigation .nav-bar .nav-sort .nav-item{cursor:pointer}.reply-navigation .nav-bar .nav-sort .nav-item:hover{color:#00aeec}.reply-navigation .nav-bar .nav-sort .nav-item:last-child:after{display:none}.reply-navigation .nav-bar .nav-sort .nav-item:after{background-color:#9499a0;content:" ";display:inline-block;height:10px;margin:-1px 12px;width:1px}.reply-navigation .nav-bar .nav-sort .nav-item.active{color:#18191c}.reply-wrap{position:relative}.box-normal{display:flex;transition:.2s}.box-normal .reply-box-avatar{align-items:center;display:flex;height:50px;justify-content:center;width:80px}.box-normal .reply-box-wrap{display:flex;flex:1 1;position:relative}.box-normal .reply-box-wrap .reply-box-textarea{background-color:#f1f2f3;border:1px solid #f1f2f3;border-radius:6px;box-sizing:border-box;color:#181931;font-family:inherit;height:50px;line-height:38px;outline:none;padding:5px 10px;resize:none;transition:.2s;width:100%}.box-normal .reply-box-wrap .reply-box-textarea::placeholder{color:#9499a0;font-size:12px}.box-normal .reply-box-wrap .reply-box-textarea:focus{background-color:#fff;border-color:#c9ccd0;height:60px}.box-normal .reply-box-send{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-basis:86px;justify-content:center;margin-left:10px;position:relative;transition:.2s}.box-normal .reply-box-send .send-text{color:#fff;font-size:16px;position:absolute;z-index:1}.box-normal .reply-box-send:after{background-color:#00aeec;border-radius:4px;content:"";height:100%;opacity:.5;position:absolute;width:100%}.box-normal .reply-box-send:hover:after{opacity:1}.bili-avatar{border-radius:50%;margin:0;padding:0;position:relative}.bili-avatar,.bili-avatar-img{display:block;height:48px;width:48px}.bili-avatar-img{border:none;border-radius:50%;image-rendering:-webkit-optimize-contrast;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%)}.reply-list{margin-top:14px}.reply-item{padding:22px 0 0 80px}.reply-item .root-reply-avatar{cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;width:80px}.reply-item .content-wrap{flex:1 1;position:relative}.reply-item .content-wrap:after{background-color:#e3e5e7;content:" ";display:block;height:1px;margin-top:14px;width:100%}.reply-item .content-wrap .user-info{align-items:center;display:flex;margin-bottom:4px}.reply-item .content-wrap .user-info .user-name{color:#61666d;cursor:pointer;font-size:13px;height:30px;line-height:30px;margin-right:5px}.reply-item .content-wrap .root-reply{color:#181931;font-size:15px;line-height:24px;padding:2px 0;position:relative}.reply-item .content-wrap .root-reply .reply-info{align-items:center;color:#9499a0;display:flex;font-size:13px;margin-top:2px;position:relative}.reply-item .content-wrap .root-reply .reply-info .reply-time{margin-right:20px;width:86px}.reply-item .content-wrap .root-reply .reply-info .reply-like{align-items:center;display:flex;margin-right:19px}.reply-item .content-wrap .root-reply .reply-info .reply-like .like-icon{background-position:-153px -25px;color:#9499a0;height:14px;margin-right:5px;width:14px}.reply-item .content-wrap .root-reply .reply-info .reply-like .like-icon:hover{background-position:-218px -25px}.reply-item .content-wrap .root-reply .reply-info .reply-like .like-icon.liked{background-position:-154px -89px}.reply-item .content-wrap .root-reply .reply-info .reply-dislike{align-items:center;display:flex;margin-right:19px}.reply-item .content-wrap .root-reply .reply-info .reply-dislike .dislike-icon{background-position:-153px -153px;height:16px;width:16px}.reply-item .content-wrap .root-reply .reply-info .reply-dislike .dislike-icon:hover{background-position:-217px -153px}.reply-item .content-wrap .root-reply .reply-info .reply-dislike .dislike-icon.disliked{background-position:-154px -217px}.reply-item .content-wrap .root-reply .reply-info .delete-btn{cursor:pointer}.reply-item .content-wrap .root-reply .reply-info .delete-btn:hover{color:#00aeec}.reply-none{color:#99a2aa;font-size:13px;height:64px;line-height:64px;margin-bottom:80px;text-align:center}
/*# sourceMappingURL=main.cb1fab7c.css.map*/