@font-face {
    font-family: optima;
    src: local(optima), url("font/optima.woff2");
}

body {
    margin-top: 5px;
    margin-left: 2px;
    line-height: 1.35em;
    font-family: optima, Helvetica, Arial, "Microsoft Yahei", sans-serif;
    color: black;
    font-size: 16px;
}

a {
    cursor: pointer;
    text-decoration: none;
}

.cdo-section-title-hw {
    display: inline;
    word-wrap: break-word;
}

.cdo-section-title-hw .headword {
    color: #08d;
    font-size: 1.4em;
    line-height: 1.35em;
    font-weight: 700;
}

.cdo-section-title-hw .posgram {
    padding-left: 10px;
    font-style: normal;
}

.cdo-section-title-hw .posgram.ico-bg:after {
    content: "•";
    color: black;
    line-height: 1em;
    font-style: normal;
    padding-left: 5px;
}

.cdo-section-title-hw .posgram .pos {
    color: #08d;
    font-weight: 700;
    font-size: 90%;
    font-style: italic;
}
.entry-body .irreg-infls .inf {
    font-weight: 700;
}

.extraexamps {
    margin-left: 0.6em;
    margin-bottom: 10px;
}

.extraexamps .accord-basic {
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: 700;
    background: #039;
    display: inline-block;
    color: white;
    text-transform: uppercase;
    padding: 2px 5px 2px 5px;
    border-radius: 8px;
}

.extraexamps .eg {
    display: none;
    color: #039;
    margin: 0;
}

.entry-body .phrase-title {
    display: inline-block;
    margin: 5px 0 5px;
    font-size: 1.1em;
    font-weight: 700;
    color: #234b9a;
}

.entry-body .phrase-body .def-head {
    padding-top: 2px;
    margin: 0 0 5px;
}

.entry-body .phrase-body .def-body {
    margin: 0 0 10px;
}

.entry-body .xref .item {
    margin-bottom: 5px;
}

.entry-body .examp {
    margin: 2px 0 2px 0;
    font-size: 90%;
    color: #039;
}

.entry-body .xref a {
    color: #234b9a;
    display: inline-block;
    padding-left: 20px;
    font-weight: 700;
}

.entry-body span.b {
    font-weight: 700;
}

.uk > .region {
    text-transform: uppercase;
    color: #a52a2a;
    font-size: 0.95em;
    font-weight: 700;
}

.us > .region {
    text-transform: uppercase;
    color: #045fb4;
    font-size: 0.95em;
    font-weight: 700;
}

.txt-block.txt-block--alt2 {
    margin: 0 0 5px 0;
    color: #08d;
    font-size: 15px;
    border-bottom: 1px dotted;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    line-height: 1.35em;
}

.txt-block.txt-block--alt2 .hw {
    display: none;
}

.txt-block.txt-block--alt2 .pos {
    display: none;
}

.txt-block.txt-block--alt2 .guideword {
}

.sense-block .phrase {
    color: black;
    font-weight: 700;
    font-size: 1.1em;
    background: rgba(0, 136, 221, 0.1);
    padding: 1px 3px;
    border-radius: 4px;
}

.gram {
    color: #08d;
    font-size: 0.95em;
    font-weight: 700;
    display: inline;
}

.def-body .trans {
    display: block;
    font-size: 0.95em;
    text-indent: 1.3em;
    color: #039;
}

@media screen and (max-width: 449px) {
    .entry-body .pos-body .cols__col {
        margin-top: 10px;
    }
}

.def-head.semi-flush {
    margin: 2px 0px 5px 0;
    /* font-weight: bold; */
    font-size: 1em;
    display: block;
}

.cols,
.cols__col {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

@media screen and (min-width: 450px) {
    .cols--half .cols__col {
        margin-left: 6%;
        width: 47%;
    }

    .cols--half .cols__col:nth-child(2n + 1) {
        margin-left: 0;
        clear: both;
    }
}

.h4.txt-block.txt-block--alt {
    background: #234b9a;
    color: white;
    padding: 5px 0px 5px 20px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 8px;
    margin-bottom: 10px;
}

.circle-btn {
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: -4px;
}

.us .circle.circle-btn.sound.audio_play_button {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAEFVwZaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEOklEQVR42mVUSUwbZxR+A8ZmS6qGRYQlwcYLJKaIHUJYZVMinCihTfHYMwaMscEbZrNZ7BmP7RAgUXuPlHvVnnuoektVqeqlqtQeWqVVWkCqKrWV2ktWT98bFwLK4Z9/mTff/973fW8gmUxCPC6oRVEEuJNOQpGeO4BKexbojdOzVisIIqNsBEFgoNDA/9Q15j8P9MFqLJ6nLO7ekeBMo+uJ5b1Qjc0e0YEkiaDv8cwUG/jfoOy2DHXO7xUQGqKYhK24oKI1xBNCvr7XI2XwbuaiU07QdUwN+1JjcL2w3Ar3V7e5JYKDmfk1KDTy2b2dFAzcCFanJIyk2ylDwgosbZQqddAjdxHOOLrfXWBp7wvFSq0ToSE8Uz6AdCoJnaP+4bx6xyeFRtczTHd/gl8uLdbzP/Bza8Vw3v53JkPMZCTAjVxs4h9r9K7nGHDYPOSLdY75K2o7ZiNQMZlNSYiYI0oE3KhGJ8K9GPgHpWB3r9ZBDSt7AlE1lggnyBBPFaGsMb+j81NBRwXRWSIhFOTOkq+DEqiRUml43ZBKimDsmpX27qZyQXQFiRhY3FBRLt5gzOTxx8rNg95pqGV/JjaAda/qbvHLZXlaTlZpnXJwaaPR1O9tKrzg+LqiZeZbGxsxwcD1UKbnWmBE1cBlVTpODi1t6jT1zu/gguObxgFv51VbcB36bcGd7msBKwa9wqDscjReo6p3PmLqHAeXB32WPltgCcLLmzAXjAHUsf8W6LhXnkDMbLrqdRr6PFvqBu4vly9aTnxguaLiT/TIr77QumlzKwFnTK4vig3cx7vbKeZ/0XMcSTgvrW2V03xlPDhI5jom8w1CFTLFfPpYccXJoJMz6UqpSFJufXwb7uOY3jaaBOOYo3dvgL1WSEAgAdBB0fxa9hCLfiepAInQbpnvynUM++fgjdDIDrYWCaekT8hkxV2UlG57f2rl7bONrodQ65DVej5bYuCfzCKD9/fSUNkys4Gi/TjuiKBF3SFUWD57aerB4sqWCsHyFKArY34Rzt3+p9U6by0y8ocI8lKt556jFHKRgTtcicWr0N/3qtvdixOulW4o+0BusyxYm4d9C+h5eeB6kE0jubCND3RFGqrZZyj6sMbAPS7Q85iV60VBAycXNnD78+H1psnpFaZUx33VPrqghTrHZxe7PbuN/V4zVNmz2h6PqJRJiEPjAZ+6yv5lu3WhAzXf1yCYRs89JU+W6PkDzKymtd8bMfbNtVV3uP1QOSk3Dfi0mO2HBDZyM2RJkaHJ+qgQgx2Zl0lLDHHTMjJ/E4N+R4fJpUb+F29w/RLSwdR3zYbNvXN7bn+spNw8/Tm1fEOvJ0A+wn7LP1bzaJArUer87W0JbJOR1hId98jtj7aRmumUCM2D3mHk9+m5y1Ofurxrb1GLkYinzHhyYH8ez5lUzltH9qEsPrqXxn+LYqNT3vwPGlj9j3HIcNwAAAAASUVORK5CYII=);
}

.uk .circle.circle-btn.sound.audio_play_button {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAEFVwZaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEP0lEQVR42l2UXUxcRRTHz91lgd2F3eVDsrQCBeWrlC0fIh8tFDBdm9CU2FAtpUFpWUqrKPLVaLlzv/bu3bu7M2tfTWzSB33z1UZj0keMidFXU6tJsYk20UfbWuB6ZtgtrQ+TmTtz7jlnzv93BlRVBSUeBwVnILhg3sBmFqQd4CfG1HS1SogkPnDhAloUumO9erQGFEUBbWVNEotr17NAS8rvWiOjx63eo1FQcTN5uOck9YXufQLgUCje2HXCBx4quiHxNajX1guYVHKbmKZEvcFNRZbdkJU8j1lh6N/4+On61P4Gczc708TwFQ5JmJDs7Gsmui7t+sIMFUUF7d33ffxbbKq4wVOT8a9M1b4bRFPBPDHWmNpfTxRdF2egGDoke46sMyj8gRaGHjFvaNN8Y6IjU1rxpXF+2sckz0PZjO/GFvcoLr/LE6O+4H27pd0y3jxXnaptms8C7GA+IO7HXRNdKzCjJyLUG3pA4gYkRqIHMIqjzc55VFmGp8XgxnzwMiu54qhEkcSeuEzeiBDAP108eX45krJBXV//v5Hs0mcuVuozsS5Z0yTmLvxeXVzk3kEIiEYu8+R4PQO/o8UutVrdfT3xibeaGLgfcfnBmJwajY+NN9CCgMPcJQ4W9WW7OfIik9x/pCtrvoqfOt0NicFR3eodHGFublTqaFfea6Re/494w9t2S6Qj2dX3MSQGhpJW90AUPW2j0Y66vBrOBF+4xcD1V7Ktcywx9NoCKmCAghXGzT9ZQem2Hps7lK6qW7A6emeZ5H1sTM+E8vShCnGg4P1Zm5tvUZdXIBMKbyBhN4ltSc/ThWJri0sVfLYGjg0KwvN1yhvlh6g6UqfkzvakeUaiHGfoWQN94QOfevWqXxE2fF8B48LsPm1pWZzzVJ+TLx+FG6ITt4wE6xdjlRl/+Te0qORvbe5yK+HQIGWIX3MW3A8YFDnpcN1HyuoaIPFSXkFRLa49xy0xGo0w8PzEUCzqCTzh7abHLh0iVgLSZdWr1xFZMzo2YnX3D6OdQ12lt/S5y16iYE/zaFb/oM25trr6Xs94y++hVlvMg3wXlO7Q4uB9dWklnGpozaYrqj81Js7WI+dbdlvnJOp3BtdOYvh4jKCE4ungVPDOFWQUhX7hdGQ9wSc8O1Yc2NTmr7TEz0z6qa/kO3wc6pCWr9O1jUm7uR1vIe2g7kThvcHlMsdOnU2Ha7/ACBEq+e7QwqCDLfqQIpPMH/pd/XC5Jtl/ZMpuam9M1TUZmM12/Nz5cKq28TN0toWlGRIdmVNCwl5B+lVJti2wI68M4yP3G9bMof6yX7XY/EG8gZQ60Dybam9f0y/EAjRQtYFCOKmXWmYIqioeJsFMDg0xMF2cUVELsK0OUn/wW+y9boJYyBg92Xb4GGb2T7os/Ln+9jt+jnsejz0Yn2WNd3kOd0Gtru01N9IsZxmIF2A38NOE/gNw2A1RTMe4jgAAAABJRU5ErkJggg==);
}

.audio_play_button {
    cursor: pointer;
}

.def-body .xref {
    margin: 5px 0 0 25px;
}

.us .pron .ipa {
    display: inline-block;
    padding: 0 2px 0 1px;
    color: #045fb4;
}

.uk .pron .ipa {
    display: inline-block;
    padding: 0 2px 0 1px;
    color: #a52a2a;
}

.b {
    font-weight: bold;
}

/* 英文释义 */
.def-head.semi-flush .def {
    /* font-size: 1em; */
}

/* 中文释义 */
.def-head.semi-flush .trans {
    /* font-size: 1em; */
}

.def-head.semi-flush .trans::before {
    content: " ";
}

.freq {
    display: none;
}

.epp-xref {
    padding: 1px 4px 1px 4px;
    color: #fff;
    font-weight: 700;
    font-size: 0.8em;
    text-align: center;
    background-color: #08d;
    border-radius: 8px;
}

.examp.emphasized {
    margin-left: 0.6em;
}

.examp.emphasized:before {
    content: "\274d ";
    color: #08d;
}

.examp.emphasized span.eg {
    font-size: 100%;
}

.usage {
    display: inline;
    text-transform: uppercase;
    font-size: 0.95em;
    font-weight: 500;
}

.x-num {
    display: inline;
    font-size: 0.95em;
    font-weight: 500;
}

.x-h {
    color: #039;
}

.lab {
    border: 1px solid #08d;
    border-radius: 3px;
    padding: 0 3px 0 3px;
    margin-left: 5px;
    background-color: AliceBlue;
    text-transform: uppercase;
    font-size: 0.75em;
    color: #08d;
    vertical-align: 1px;
}

.var .v {
    color: #08d;
    font-weight: bold;
}

.anc-info-head {
    color: #08d;
}