/*
富文本样式
*/

/*:root {
 主题颜色
--theme-color: #67C23A;
    --theme-hover: #67C23A;
    --focus-color: #36af18;
}*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* 富文本容器 */
.richtext {
    position: relative;
    font-size: 16px;
    color: #262626;
    line-height: 1.8
}
    /* 1级标题 */
    .richtext > h2 {
        position: relative;
        padding-bottom: 8px;
        font-size: 20px;
        margin: 20px 0;
        font-weight: 700;
    }

        .richtext > h2:before {
            position: absolute;
            background: var(--theme-color);
            border-radius: 5px;
            content: '';
            box-shadow: 1px 1px 3px -1px var(--theme-color);
            width: 40px;
            height: 3px;
            top: auto;
            left: 0;
            bottom: 3px;
            transition: .4s
        }

    /* 3级标题 */
    .richtext h3 {
        position: relative;
        padding-left: 18px;
        line-height: 1.46;
        border: 0;
    }

        .richtext h3:before {
            position: absolute;
            top: 4px;
            left: 0;
            content: "";
            width: 3px;
            height: calc(100% - 8px);
            border-radius: 3px;
            background-color: var(--theme-color);
            background-image: -o-linear-gradient(top, rgba(255, 255, 255, .15), transparent);
            background-image: linear-gradient(180deg, rgba(255, 255, 255, .15), transparent)
        }

    /* 黑点 */
    .richtext ol li {
        list-style-type: decimal;
    }

    /* 序号 */
    .richtext ul li {
        list-style-type: disc
    }

    /* 超链接 */
    .richtext a {
        color: var(--theme-color);
        cursor: pointer;
        text-decoration: none;
    }

        .richtext a:hover {
            color: var(--focus-color);
        }

    /*图片样式*/
    .richtext img {
        width: 100%;
        /*max-width: 100%;*/
        margin: 10px 0;
        border-radius: 5px;
        box-shadow: 0px 0px 10px #000;
    }