/*********** 热点新闻左侧图标 ***********/
.half-bg {
    height: 22px;
    width: 6px;
}

.half-bg::before,
.half-bg::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    /* height: 100%; */
}

.half-bg::before {
    top: 0;
    background-color: var(--bs-warning);
    /* 左边背景颜色 */
    height: 6px;
}

.half-bg::after {
    top: 6px;
    background-color: var(--bs-info);
    /* 右边背景颜色 */
    height: 16px;
}

.dot {
    width: 6px;
    height: 6px;
    background: var(--bs-info);
}

/*********** 阅读下一篇 ***********/

.next {
    width: 7.25rem;
    height: 7.25rem;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    transition: all 0.4s;
    /* padding: 0.1rem; */
}

.next::before {
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    background: var(--bs-warning);
    transition: all 0.4s;
}

.next:hover::before {
    transform: translate(-50%, -50%) scale(1);
}

.next:hover span {
    background: url(//qn1.10soo.net/assets24/202403251501973.svg);
    background-size: cover;
}

.next span {
    background: url(//qn1.10soo.net/assets24/202403251503747.svg);
    background-size: cover;
    z-index: 2;
}

.next div {
    color: var(--bs-warning);
}

.next:hover div {
    color: var(--bs-white);
}