.article-suspended-panel[data-v-0083c6d0] {
    position: fixed;
    margin-left: 7rem;
    top: 140px;
    z-index: 2;
}
.article-suspended-panel[data-v-0083c6d0] span{
  content: attr(badge);
    position: absolute;
    top: 0;
    left: 75%;
    height: 17px;
    line-height: 17px;
    padding: 0 5px;
    border-radius: 9px;
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
    background-color: #c2c8d1;
    color: #fff;
}
.article-suspended-panel .panel-btn[data-v-22be2dfe] {
    position: relative;
    margin-bottom: 20px;
    width: 48px;
    height: 48px;
    background-color: #F6F7F8;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.04);
    cursor: pointer;
    text-align: center;
    font-size: 20px;
}
.sprite-icon[data-v-0f838daa] {
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: middle;
    transition: all .15s linear;
}
.article-suspended-panel .panel-btn .sprite-icon[data-v-22be2dfe] {
    color: #8a919f;
    height: 100%;
}
/*.article-suspended-panel.dynamic-data-ready .panel-btn.with-badge[data-v-22be2dfe]:after {
    content: attr(badge);
    position: absolute;
    top: 0;
    left: 75%;
    height: 17px;
    line-height: 17px;
    padding: 0 5px;
    border-radius: 9px;
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
    background-color: #c2c8d1;
    color: #fff;
}*/
.article-suspended-panel .panel-btn.share-btn .share-popup[data-v-22be2dfe] {
    display: none;
    position: absolute;
    top: 0;
    flex-direction: column;
    left: calc(100% + 14px);
    z-index: 30;
    background: #fff;
    border-radius: 4px;
    padding: 9px 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    box-shadow: 0 8px 24px rgba(81,87,103,.16);
}
.article-suspended-panel .panel-btn.share-btn .share-popup .share-popup-ul{padding-left: 0;margin: 0;}
.article-suspended-panel .panel-btn.share-btn:hover .share-popup[data-v-22be2dfe] {display: flex;}
.article-suspended-panel .panel-btn.share-btn .share-popup[data-v-22be2dfe]:after {
    position: absolute;
    width: 0;
    height: 0;
    content: " ";
    right: 100%;
    top: 14px;
    border: 12px solid transparent;
    border-right-color: #fff;
}
.article-suspended-panel .panel-btn.share-btn .share-popup .share-item[data-v-22be2dfe]:hover {
    background-color: #f2f3f5;
}
.article-suspended-panel .panel-btn.share-btn .share-popup .share-item:hover.wechat .wechat-qrcode[data-v-22be2dfe] {
    display: flex;
}
.article-suspended-panel .panel-btn.share-btn[data-v-22be2dfe]:after {
    display: block;
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
}
.article-suspended-panel .panel-btn.share-btn .share-popup .share-item[data-v-22be2dfe] {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 15px;
}
.article-suspended-panel .panel-btn.share-btn .share-popup .share-item .share-icon[data-v-22be2dfe] {
    color: #8a919f;
    width: 20px;
    height: 20px;
    font-size: 20px;
}
.article-suspended-panel .panel-btn.share-btn .share-popup .share-item .share-item-title[data-v-22be2dfe] {
    margin-left: 8px;
    font-size: 14px;
    color: #515767;
}
.wechat-qrcode[data-v-22be2dfe] {
    display: none;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 0;
    left: calc(100% + 8px);
    border-radius: 4px;
    background-color: #fff;
    padding: 20px 0 16px;
    box-shadow: 0 8px 24px rgba(81,87,103,.16);
    width: 120px;
}
.wechat-qrcode .wechat-qrcode-img[data-v-22be2dfe] {width: 80px;height: 80px;}
.wechat-qrcode .wechat-qrcode-title[data-v-22be2dfe] {
    font-size: 14px;line-height: 22px;color: #515767;margin-top: 12px;
}
.divider[data-v-22be2dfe] {
    width: 32px;
    background: #e4e6eb;
    height: 1px;
    margin: 0 auto 20px;
}
.collect-popover[data-v-d0b73df6] {
    position: absolute;
    left: 63px;
    top: 50%;
    transform: translateY(-50%);
    height: 72px;
    background: rgba(0,0,0,.8);
    border-radius: 8px;
    z-index: 99999999;
    padding: 12px 25px 12px 20px;
    box-sizing: border-box;
    display: none;
}
.collect-popover .title[data-v-d0b73df6] {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-align: left;
}
.collect-popover .sub-title[data-v-d0b73df6] {
    line-height: 22px;
    margin-top: 4px;
    color: #c2c8d1;
    font-size: 13px;
    white-space: nowrap;
}
.collect-popover .modify-btn[data-v-d0b73df6] {color: #1e80ff;font-weight: 500;}
.collect-popover[data-v-d0b73df6]:after {
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    z-index: 10;
    border: 6px solid transparent;
    border-top-color: rgba(0,0,0,.8);
    transform: translateY(-50%) rotate(90deg);
}
.article-suspended-panel .panel-btn:hover .sprite-icon[data-v-22be2dfe] {color: #515767;}