.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; }