.bili-dyn-list__item {
margin-bottom: 8px;
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
color: #222;
font-size: 12px;
font-family: PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;
line-height: 1.7em;
background-color: transparent!important;
max-width: 700px;
min-height: 70px;
}
.bili-dyn-item {
box-sizing: border-box;
background-color: #fff;
border-radius: 4px;
font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
letter-spacing: 0;
min-width: 632px;
position: relative;
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
.bili-dyn-item__main {
padding: 0 12px 0 88px;
position: relative;
}
.bili-dyn-item__avatar {
box-sizing: border-box;
height: 48px;
left: 24px;
position: absolute;
top: 24px;
width: 48px;
border-radius: 50%;
cursor: pointer;
}
.bili-dyn-item__header {
/*height: 73px;*/
padding-top: 27px;
}
.bili-dyn-title {
align-items: center;
display: flex;
height: 24px;
}
.bili-dyn-title__text {
color: #222;
cursor: pointer;
font-size: 16px;
background-color: #fff;
border-radius: 4px;
font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
letter-spacing: 0;
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
.bili-dyn-title__text:hover {
color: #00A1D6;
}
.bili-dyn-time:hover {
color: #FC85A7;
}
.bili-dyn-item__desc {
align-items: center;
display: flex;
padding-top: 4px;
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
.bili-dyn-time {
color: #99a2aa;
cursor: pointer;
font-size: 12px;
height: 22px;
line-height: 22px;
transition: color .3s ease;
user-select: none;
}
.bili-dyn-item__ornament {
position: absolute;
right: 48px;
top: 18px;
}
.bili-dyn-item__more {
position: absolute;
right: 16px;
top: 30px;
}
.bili-dyn-more__btn.tp {
height: 16px;
right: 0;
top: 3px;
width: 16px;
cursor: pointer;
}
.bili-popover {
background-color: #fff;
position: absolute;
border: 1px solid #e5e9ef;
color: #222;
font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;
font-size: 12px;
margin-bottom: 10px;
margin-top: 7px;
}
.bili-dyn-item__body {
margin-top: 6px;
margin-bottom: -22px;
}
.bili-dyn-content {
width: 532px;
margin-bottom:0;
}
.bili-rich-text {
font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
font-size: 14px;
letter-spacing: .5px;
line-height: 22px;
white-space: pre-wrap;
margin-bottom:0;
}
.bili-rich-text__content {
color: #222;
margin-bottom:0;
}
.bili-dyn-item__footer {
display: flex;
height: 48px;
}
.bili-dyn-item__action {
position: relative;
}
.bili-dyn-action {
align-items: center;
color: #99a2aa;
cursor: pointer;
display: flex;
font-size: 12px;
height: 100%;
position: relative;
user-select: none;
width: 92px;
}
.bili-dyn-action__icon {
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 16px;
margin-right: 4px;
width: 20px;
font-style: normal;
}
.bili-avatar-pendent-dom {
font-weight: 400;
box-sizing: border-box;
height: 176.48%;
width: 176.48%;
position: absolute;
top: -38.33%;
left: -38.33%;
overflow: hidden;
margin: 0;
padding: 0;
}
.bili-dyn-item__yuan {
border-radius: 50%;
cursor: pointer;
overflow:hidden;
}
.p-auth {
background-position: -38px -53px;
position: absolute;
width: 20px;
height: 20px;
right: 0;
top: 32px;
background-repeat: no-repeat;
z-index: 3;
}
.bili-rich-text__content p{
margin: 0;
}