/*rich-text*/
* {
    font-family: "微软雅黑", "苹方", Arial, Helvetica, sans-serif;
}

.rich-text {
    padding: 10px 20px;
    background: #FFF;
}

.rich-text p {
    font-size: 16px;
    line-height: 2em;
    margin: 10px 0;
    word-break: break-all;
}

.rich-text .text.bold {
    font-weight: 700;
}

.rich-text .text.underline {
    text-decoration: underline;
}

.rich-text .text.italic {
    font-style: italic;
}

.rich-text .text.danger {
    color: red;
}

.rich-text .text.sup {
    vertical-align: super;
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 10px 0px 0px 0px
}

.rich-text .text.sub {
    vertical-align: sub;
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
}

.rich-text audio {
    vertical-align: middle;
    height: 2em;
}

.rich-text img {
    vertical-align: middle;
}

.rich-text .image.inline > img {
    width: auto;
    max-height: 2em;
}

.rich-text .loading {
    position: relative;
    display: inline-block;
    width: 4em;
    height: 4em;
    color: #ccc;
    vertical-align: middle;
    pointer-events: none;
    border: .2em solid currentcolor;
    border-bottom-color: transparent;
    border-radius: 50%;
    -webkit-animation: 1s loading linear infinite;
    animation: 1s loading linear infinite;
    margin: 20px;
}

.rich-text .loading img {
    opacity: 0;
    filter: alpha(opacity=40);
}

.rich-text .inline.loading {
    width: 1.2em;
    height: 1.2em;
    border: .1em solid currentcolor;
    border-bottom-color: transparent;
    margin: 0 20px;
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}