body {
    word-wrap: break-word !important;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

.mainentry,
.hw2 {
    font-family: Georgia, Arial, Verdana, "Microsoft YaHei", "Microsoft JhengHei", sans-serif;
    line-height: 135%;
    margin: 0em 0.3em;
}

.hw {
    font-size: 1.4em;
    color: #3692A4;
    font-weight: bold;
    padding-right: 0.3em;
}

.hw::after {
    vertical-align: super;
    font-size: 0.5em;
    content: attr(homograph);
}

.hw2 .l {
    font-family: Georgia, Arial, Verdana, "Microsoft YaHei", "Microsoft JhengHei", sans-serif;
    line-height: 125%;
    font-size: 1.2em;
    color: #3692A4;
    font-weight: bold;
    padding-right: 0.3em;
}

.hw2 .posg {
    color: #2196f3;
    padding-right: 0.5em;
    font-style: italic;
    font-weight: bold;
}

.pos {
    color: #2196f3;
    padding-right: 0.5em;
    font-style: italic;
    font-weight: bold;
    font-family: Georgia, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Lucida Grande, Lucida Sans, Droid Sans Mono, Droid Sans, sans-serif, Arial Unicode MS, Helvetica;
    line-height: 125%;
    margin: 0em 0.05em;
}

.mainentry,
.derivative,
.hw2 {
    counter-reset: se1_counter;
}

.se1 {
    display: list-item;
    counter-increment: se1_counter;
    display: table;
}

.se1::before {
    content: counter(se1_counter, upper-roman)".";
    /*color:#1171B2;*/
    padding-right: 0.35em;
    display: table-cell;
}

.mainentry,
.usage,
.sg,
.hg,
.derivative,
.hw2 {
    counter-reset: se2_counter;
}

.se2 {
    display: list-item;
    counter-increment: se2_counter;
    display: table;
}

.se2::before {
    content: counter(se2_counter, decimal)".";
    /*color:#1171B2;*/
    padding-right: 0.35em;
    display: table-cell;
}

.mainentry,
.se2,
.phrase,
.idiom,
.derivative,
.hw2 {
    counter-reset: se3_counter;
}

.se3 {
    display: list-item;
    counter-increment: se3_counter;
    display: table;
}

.se3::before {
    content: counter(se3_counter, lower-alpha)".";
    /*color:#1171B2;*/
    padding-right: 0.35em;
    display: table-cell;
}

.phrase .se3::before,
.idiom .se3::before {
    content: counter(se3_counter, decimal)".";
    /*color:#1171B2;*/
    padding-right: 0.35em;
    display: table-cell;
}

.topic {
    color: #2160eb;
    font-weight: bold;
    background-color: #FCF1E4;
}

a {
    color: #296cff;
    font-weight: bold;
    text-decoration: none;
    padding: 0 0.2em;
    border-bottom: 1px dotted;
    font-variant: small-caps;
}

.i,
i {
    font-style: italic;
    color: #ff5722;
}

.gr {
    font-style: italic;
    color: white;
    font-family: Lora, Georgia, seri;
    font-size: 14px;
    background-color: #6495ed;
    padding-left: .2em;
    padding-right: .2em;
    border-radius: 5px;
}

.gr::after {
    content: "\00A0";
}

*/
/*
.gr {
	font-style: italic;
	font-family:Georgia, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Lucida Grande, Lucida Sans, Droid Sans Mono, Droid Sans, sans-serif, Arial Unicode MS, Helvetica;
	color: #555;
	font-size:90%;
	position:relative;
	margin: 0 0.05em
}
.gr:hover::after{
	content: attr(value);
	background-color: #fcf8f6;
	display:block;
	padding:0.1em 0.5em 0.1em 0.2em;
	color: #885545;
	top: 1.2em;
	left: -0.2em;
	position: absolute;
	font-style:normal;
	white-space: nowrap;
	z-index: 10;
	font-family:"Microsoft Yahei",Microsoft Yahei ,Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Lucida Grande, Lucida Sans, Droid Sans Mono, Droid Sans, sans-serif, Arial Unicode MS, Helvetica;
}
.gr::after{
	content:" "attr(value)" ";
}*/

.phrsubentry,
.idmsubentry {
    border: 2px dotted #0088DD;
    padding: 0.6em 1.2em;
    margin: 0.6em 0;
    display: block;
    clear: both;
}

.idmsubentry::before {
    color: #004fce;
    content: 'IDM 习语';
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    margin: .20em;
}

.phrsubentry::before {
    color: #004fce;
    content: 'PHR V 动词短语';
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    margin: .20em;
}


}
.phrsubentry::after,
.idmsubentry::after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: left;
}
.se2 {
    color: #3f51b5;
}
.se {
    color: #3f51b5;
}
.df {
    color: black;
    font-size: 1.15em;
}
.l {
    color: black;
    padding-right: 0.5em;
}
.pl {
    font-weight: bold;
    color: blue;
}
.phrase .l {
    color: #3f51b5;
    font-size: 1.1em;
    font-weight: bold;
}
.idiom .l {
    color: #3f51b5;
    font-size: 1.1em;
    font-weight: bold;
}
.derivative {
    font-family: Georgia, Arial, Verdana, "Microsoft YaHei", "Microsoft JhengHei", sans-serif;
    border: 1.2px dashed #0088DD;
    border-radius: 12px;
    padding: 0.6em 1.3em 0.6em 1.3em;
    margin: 0.5em 0;
    display: block;
    line-height: 125%;
}
.derivative .l {
    color: #3f51b5;
    font-size: 1.1em;
    font-weight: bold;
}
.derivative .l~.l {
    padding-right: 0.05em;
    padding-left: 0.1em;
}
.phrase,
.idiom {
    font-family: Georgia, Arial, Verdana, "Microsoft YaHei", "Microsoft JhengHei", sans-serif;
    padding: 0.1em 0.1em;
    margin: 0.1em 0;
    line-height: 125%;
}
.refmentry {
    font-size: 0.8em;
    color: #555;
    margin: 0.0em 0.2em;
    font-family: Verdana, Arial, Georgia, "Microsoft YaHei", "Microsoft JhengHei", sans-serif;
}
.refmentrylink {
    font-weight: bold;
    font-size: 1.2em;
}
.usage {
    font-family: Georgia, Arial, Verdana, "Microsoft YaHei", "Microsoft JhengHei", sans-serif;
    margin: 0.5em 0.2em;
    background-color: rgba(0, 136, 221, .1);
    padding: 0.5em 0.2em;
}
.usage::before {
    font-weight: bold;
    font-family: Verdana, Arial, Georgia, "Microsoft YaHei", "Microsoft JhengHei", sans-serif;
    content: "NOTE OF USAGE 用法: ";
    color: #800000;
}
.use3 {
    margin: 0.2em 0 0.2em 1.5em;
    padding-left: 0.2em;
    display: list-item;
    list-style-type: none;
    list-style-position: inside;
}
.use3::before {
    color: #800000;
    content: "»»";
}
.use4 {
    margin: 0.2em 0 0.2em 1.5em;
    padding-left: 0.2em;
    display: list-item;
    list-style-type: none;
    list-style-position: inside;
}
.use4::before {
    color: #800000;
    content: "»»»»";
}
.note {
    margin: 0.5em 0.2em;
    background-color: rgba(255, 245, 214, 0.8);
    padding: 0.5em 0.2em;
}
.note::before {
    font-weight: bold;
    font-family: Verdana, Arial, Georgia, "Microsoft YaHei", "Microsoft JhengHei", sans-serif;
    content: "NOTE: ";
    color: #800000;
}
.eg:before {
    content: "❑";
    color: #004D99;
    font-size: 70%;
    padding-right: 0.35em;
    position: relative;
    top: -0.1em;
    display: table-cell;
}
.eg {
    margin: 0.2em 0 0.2em 0.05em;
    display: table;
    /*	color:grey!important;*/
    
    font-size: 95%;
    font-family: Georgia, Helvetica;
    font-style: italic;
}
.ex {
    color: #004D99;
    margin-right: 0.15em;
    font-size: 105%;
}
.df .ex {
    font-size: 95%;
    font-style: italic;
    padding-right: 0;
}
.df zh,
.note zh {
    font-size: 85%;
    color: #3f51b5;
}

/*#004D99#3692A4*/
.gnote zh {
    font-size: 85%;
    color: #3f51b5;
    font-family: Georgia, "Microsoft YaHei", sans-serif;
}
.usage zh {
    color: black;
    font-size: 0.9em;
}
.eg zh,
.usage .eg zh {
    color: grey;
    font-size: 90%;
    font-family: "Microsoft Yahei", "Microsoft JhengHei", Georgia;
}
.ie {
    color: #009999;
    padding-right: 0.2em;
    font-style: normal;
}
.ie::before {
    content: " ie: ";
}

/*这标签名为viz实则eg，因已有eg标签*/
.viz {
    color: #00994D;
    padding-right: 0.5em;
}
.viz::before {
    content: " eg: ";
}
.pr {
    padding: 0 3px;
    font-family: "Segoe UI", "Tahoma", sans-serif;
    font-size: 85%;
    font-style: italic;
    color: gray;
}
.pr::before {
    content: "/";
}
.pr::after {
    content: "/";
}
.taboo {
    font-family: Wingdings;
    color: purple;
    margin: 0 0.35em 0 0.05em;
    font-size: 90%;
    position: relative;
}
.taboo:hover::after {
    content: attr(value);
    background-color: #fcf8f6;
    display: block;
    padding: 0.1em 0.5em 0.1em 0.2em;
    color: #885545;
    top: 1.2em;
    left: -0.2em;
    position: absolute;
    font-style: normal;
    white-space: nowrap;
    z-index: 10;
    font-family: "Microsoft Yahei", Microsoft Yahei, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Lucida Grande, Lucida Sans, Droid Sans Mono, Droid Sans, sans-serif, Arial Unicode MS, Helvetica;
}
.sj::before {
    content: "\3010";
}
.sj::after {
    content: "\3011";
}
.reg {
    color: #dc4a1c;
    margin: 0 0.35em 0 0.05em;
    font-size: 90%;
    font-style: italic;
    position: relative;
    font-family: Georgia, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Lucida Grande, Lucida Sans, Droid Sans Mono, Droid Sans, sans-serif, Arial Unicode MS, Helvetica;
}

/*.reg::before{
	font-size:95%;
	content:"(";
}
.reg::after{
	content: attr(value)")";
}*/
.reg:hover::after {
    content: attr(value);
    background-color: #fcf8f6;
    display: block;
    padding: 0.1em 0.5em 0.1em 0.2em;
    color: #885545;
    top: 1.2em;
    left: -0.2em;
    position: absolute;
    font-style: normal;
    white-space: nowrap;
    z-index: 10;
    font-family: "Microsoft Yahei", Microsoft Yahei, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Lucida Grande, Lucida Sans, Droid Sans Mono, Droid Sans, sans-serif, Arial Unicode MS, Helvetica;
}
.bd {
    font-weight: bold;
    color: #2160eb;
    margin: 0.2em;
}
nac-w {
    margin: 0 0.2em 0 0.05em;
    color: brown;
}
nac-w::before {
    content: "[";
}
nac-w::after {
    content: "]";
}
.nac {
    font-size: 95%;
    color: brown;
    position: relative;
    padding: 0 0.05em;
    letter-spacing: 0.5px;
}
@media only screen and (min-width: 800px) {
    .nac:hover::after {
        content: attr(value);
        background-color: #fcf8f6;
        display: block;
        padding: 0.1em 0.2em 0.1em 0.5em;
        color: #885545;
        top: 1.2em;
        left: -1.0em;
        position: absolute;
        font-style: normal;
        white-space: nowrap;
        z-index: 10;
        font-family: "Microsoft Yahei", Microsoft Yahei, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Lucida Grande, Lucida Sans, Droid Sans Mono, Droid Sans, sans-serif, Arial Unicode MS, Helvetica;
    }
}
@media only screen and (max-width: 800px) {
    .nac:hover::after {
        content: attr(value);
        background-color: #fcf8f6;
        display: inline;
        padding: 0.1em 0.2em 0.1em 0.5em;
        color: #885545;
        top: 1.2em;
        left: -1.0em;
        position: absolute;
        font-style: normal;
        white-space: pre-wrap;
        z-index: 10;
        font-family: "Microsoft Yahei", Microsoft Yahei, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Lucida Grande, Lucida Sans, Droid Sans Mono, Droid Sans, sans-serif, Arial Unicode MS, Helvetica;
        width: 50vw;
    }
}
vps-w {
    margin: 0 0.2em 0 0.05em;
    color: #dc4a1c;
    position: relative;
}
vps-w::before {
    content: "[";
}
vps-w::after {
    content: "]";
}
.vps {
    font-size: 95%;
    color: #dc4a1c;
    padding: 0 0.06em;
    letter-spacing: 0.5px;
}
@media only screen and (min-width: 800px) {
    .vps:hover::after {
        content: attr(value);
        background-color: #fcf8f6;
        display: block;
        padding: 0.1em 0.2em 0.1em 0.5em;
        color: #885545;
        top: 1.2em;
        left: -1.0em;
        position: absolute;
        font-style: normal;
        white-space: nowrap;
        z-index: 10;
        font-family: "Microsoft Yahei", Microsoft Yahei, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Lucida Grande, Lucida Sans, Droid Sans Mono, Droid Sans, sans-serif, Arial Unicode MS, Helvetica;
    }
}
@media only screen and (max-width: 800px) {
    .vps:hover::after {
        content: attr(value);
        background-color: #fcf8f6;
        width: 50vw;
        display: inline;
        padding: 0.1em 0.2em 0.1em 0.5em;
        color: #885545;
        top: 1.2em;
        left: -1.0em;
        position: absolute;
        font-style: normal;
        white-space: pre-wrap;
        z-index: 10;
        font-family: "Microsoft Yahei", Microsoft Yahei, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Lucida Grande, Lucida Sans, Droid Sans Mono, Droid Sans, sans-serif, Arial Unicode MS, Helvetica;
    }
}
.la::before {
    content: "\003C";
}
.la::after {
    content: "\003E";
}
.gg::before {
    content: "(";
}
.gg::after {
    content: ")";
}
.hg {
    margin: 0.5em 0;
}
.gg {
    color: #d42b64;
}
.collo {
    font-style: italic;
    color: #3F51B5;
}

/* personal style */
.sup {
    font-size: 0.8em;
    vertical-align: super;
}
.sub {
    font-size: 0.8em;
    vertical-align: sub;
}
.hw[alien] {
    font-style: italic;
}
.se1:only-child {
    display: list-item;
    list-style: none;
}
.se2:only-child {
    display: list-item;
    list-style: none;
}
img {
    background-color: #FCF1E4;
    margin-left: 0.05em;
    max-width: 90%;
    pointer-events: none;
    touch-action: none;
    user-drag: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    /* iOS Safari */
    
    -webkit-user-select: none;
    /* Safari */
    
    -khtml-user-select: none;
    /* Konqueror HTML */
    
    -moz-user-select: none;
    /* Old versions of Firefox */
    
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    
    -o-user-select: none;
    /* Opera */
    
    user-select: none;
    /* Non-prefixed version, currently
				  supported by Chrome, Opera and Firefox */
}

/*附录部分O4词条*/
.headword {
    font-size: 1.5em;
    color: #3692A4;
    font-weight: bold;
    padding-right: 0.3em;
}
.note_usg_b {
    display: block;
    background-color: #008899;
    padding: 2px 7px 1px 6px;
    margin-left: 1%;
    margin-right: 1%;
    box-shadow: 1px 5px #bce2e8;
    margin-bottom: 4px;
}

/* note on usage标题块*/
.note_sym_usg {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}

/*标题*/
.note_pos {
    display: inline-block;
    background-color: white;
    color: #008899;
    padding: 2px 7px 1px 6px;
    box-shadow: 2px 2px #ebf6f7;
    margin-bottom: 4px;
    font-family: Trebuchet MS, Optima, sans-serif;
    font-weight: bold;
}

/* 词类条，比如名词，动词，包括曲折等FF6600 */
.note_pos_h {
    font-family: Segoe UI, Lucida Grande, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #006e54;
    text-transform: none;
    display: inline;
}

/* 词性解释部分的词性，比如名词，动词，首字母大写包括曲折等FF6600 */
.note_pos_h:first-letter {
    font-weight: bold;
    color: blue;
}
.note_table {
    border: dotted 1px #00552e;
    border-collapse: collapse;
    margin-top: 6.5px;
    margin-bottom: 11px;
    margin-left: 1%;
    padding: 15px;
    width: 98%;
    border-radius: 6.5px;
}
.note_tr {
    border-bottom: dotted 1px #00552e;
}
.note_td_hd {
    width: 18%;
}
.note_td {
    text-align: left;
}
.note_des {
    font-family: Segoe UI, Lucida Grande, sans-serif;
    color: #00552e;
    display: block;
}
.note_chn {
    font-family: Microsoft Yahei, sans-serif;
    color: #00552e;
    display: block;
}
.note_x {
    font-size: 15px;
    color: #71686c;
    font-style: italic;
    font-family: Segoe UI, Arial Unicode MS, Lucida Grande, Lucida Sans, Roboto, Droid Sans Mono, Droid Sans, sans-serif;
    display: block;
}

/* 例句 */
.note_phrase {
    font-weight: bold;
}

/*短语等*/