body {
    font-family: "Microsoft YaHei UI";
}

a {
    color: #E6005C;
    text-transform: lowercase;
    font-weight: bold;
}

.hw {
    color: red;
    font-weight: bold;
}

.bold {
    color: #ff7e1e;
    font-weight: bold;
    display: inline-block;
    font-size: 90%;
}

.italic {
    font-weight: bold;
    font-size: 90%;
}

.paragraph .italic {
    color: rgb(80, 80, 80);
}

.example .italic {
    color: #369;
}

.key {
    color: #ff7e1e;
    font-weight: bold;
    display: inline-block;
    font-size: 90%;
}

.ne {
    display: inline-block;
    font-weight: bold;
    color: darkmagenta;
}

.ae {
    display: inline-block;
    font-weight: bold;
    color: darkmagenta;
}

.see {
    font-weight: bold;
    font-size: 90%;
    color: red;
}

.ant {
    font-weight: bold;
    font-size: 90%;
    color: red;
}

.keys {
    margin-top: 0.8em;
}

.paragraph {
    margin-top: 0.5em;
}

.ref {
    display: block;
    /*background: #F8F8FF;*/
    background: rgb(255, 255, 255);
    border: 2px dashed #C0C0C0;
    border-radius: 8px;
    padding: 4px 6px;
    margin: 6px 6px 6px 8px;
    box-shadow: #808080;
    font-size: 95%;
}

.example {
    display: block;
    color: #369;
    margin-left: 1.4em;
    text-indent: -1.4em;
}

.example:before {
    display: inline;
    content: "\021D2\020";
    color: #FF7E1E;
    padding: 0 0.1em;
}