.comment-list .list-item
{
position: relative;
}
.bb-comment .comment-list .list-item>.con>.reply-box
{
transform: translateX(0%);
}
.bb-comment .comment-list .list-item>.con>.info
{
margin-top: 4px;
}
.bb-comment .comment-list .list-item>.con>.info>.time
{
position: absolute;
right: 8px;
top: 24px;
margin: 0;
line-height: normal;
color: black;
}
/* .bb-comment .comment-list .list-item>.con>.info>.floor
{
opacity: 0.5;
position: absolute;
right: 50%;
top: 24px;
transform: translateX(50%);
margin: 0;
line-height: normal;
color: black;
} */
.bb-comment .comment-list .list-item>.con>.info>.plad,
.bb-comment .nameplate,
.bb-comment .comment-list .list-item .user-face .hot-follow,
.bb-comment .comment-header .tabs-order li.on:after
{
display: none;
}
.bb-comment .comment-list .reply-con
{
position: relative;
}
.bb-comment .comment-list .reply-con>.info>.time
{
position: absolute;
right: 8px;
top: 0px;
margin: 0;
opacity: 0.5;
line-height: normal;
color: black;
}
.bb-comment .comment-list .list-item .user
{
margin-right: 120px;
}
.bb-comment .comment-list .list-item .user .level
{
visibility: hidden;
width: 0;
margin: 0;
}
.bb-comment .comment-list .list-item .info .like>*,
.bb-comment .comment-list .list-item .info .hate>*,
.bb-comment .comment-list .list-item .info .operation .spot,
.bb-comment .comment-send .comment-emoji>*
{
transition: all .2s ease-out;
}
.bb-comment .comment-list .list-item .info .like i,
.bb-comment .comment-list .list-item .info .hate i,
.bb-comment .comment-list .list-item .info .operation .spot,
.bb-comment .comment-send .comment-emoji .face
{
height: 16px;
width: 16px;
background-position: center !important;
opacity: 0.5;
}
.bb-comment .comment-list .list-item .info .like span,
.bb-comment .comment-list .list-item .info .hate span,
.bb-comment .comment-send .comment-emoji span
{
opacity: 0.5;
}
.bb-comment .comment-list .list-item .info .like.liked span,
.bb-comment .comment-list .list-item .info .hate.hated span,
.bb-comment .comment-list .list-item .info .like:hover span,
.bb-comment .comment-list .list-item .info .hate:hover span,
.bb-comment .comment-list .list-item .info .like span,
.bb-comment .comment-list .list-item .info .hate span,
.bb-comment .comment-send .comment-emoji span
{
color: black;
}
.bb-comment .comment-send .comment-emoji.open .face,
.bb-comment .comment-send .comment-emoji:hover .face,
.bb-comment .comment-send .comment-emoji:hover span,
.bb-comment .comment-list .list-item .info .like:hover>*,
.bb-comment .comment-list .list-item .info .hate:hover>*,
.bb-comment .comment-list .list-item .info .like.liked:hover>*,
.bb-comment .comment-list .list-item .info .like.liked>*,
.bb-comment .comment-list .list-item .info .like.hated:hover>*,
.bb-comment .comment-list .list-item .info .like.hated>*,
.bb-comment .comment-list .list-item .info .operation .spot:hover
{
opacity: 0.7;
}
.bb-comment .comment-list .list-item .info .like i
{
background: url('data:image/svg+xml;utf-8,');
}
.bb-comment .comment-list .list-item .info .like.liked:hover i,
.bb-comment .comment-list .list-item .info .like.liked i
{
background: url('data:image/svg+xml;utf-8,');
}
.bb-comment .comment-list .list-item .info .hate i
{
background: url('data:image/svg+xml;utf-8,');
}
.bb-comment .comment-list .list-item .info .hate.hated:hover i,
.bb-comment .comment-list .list-item .info .hate.hated i
{
background: url('data:image/svg+xml;utf-8,');
}
.bb-comment .comment-list .list-item .info .operation .spot
{
background: url('data:image/svg+xml;utf-8,');
}
.bb-comment .comment-send .comment-emoji .face
{
background: url('data:image/svg+xml;utf-8,');
}
.bb-comment .reply-notice .notice-item
{
background-color: #0001;
border: none;
display: flex;
align-items: center;
padding: 10px 14px;
}
.bb-comment .reply-notice .notice-item .icon-notice
{
order: 0;
position: static;
margin-right: 12px;
}
.bb-comment .reply-notice .notice-item a
{
order: 1;
flex-grow: 1;
color: black;
}
.bb-comment .reply-notice .notice-item .icon-close-notice
{
order: 2;
position: static;
}
.bb-comment .reply-notice .notice-item .icon-notice,
.bb-comment .reply-notice .notice-item .icon-close-notice
{
height: 18px;
width: 18px;
background-position: center !important;
opacity: 0.7;
}
.bb-comment .reply-notice .notice-item .icon-notice
{
background: url('data:image/svg+xml;utf-8,');
}
.bb-comment .reply-notice .notice-item .icon-close-notice
{
background: url('data:image/svg+xml;utf-8,');
}