@media only screen and (min-width: 0) {
    div.linkBlock_odd {
        width     : 100%;
        float     : left;
        margin-top: 1em;
    }

    div.linkTitle_odd {
        width      : 60%;
        margin-left: 20%;
        float      : left;
        display    : none;
    }

    div.linkTitle_odd>button {
        width        : 100%;
        height       : 10px;
        border-top   : 2px solid #AAA;
        border-bottom: 2px solid #AAA;
        margin-top   : .5em;
        margin-bottom: .5em;
        cursor       : pointer;
        float        : left;
    }

    div.linkBlockBlock_odd {
        width           : calc(100% - 20px);
        padding         : 5px 10px 10px 10px;
        border-radius   : 5px;
        float           : left;
        height          : 100%;
        margin-bottom   : 1em;
        background-color: rgba(250, 214, 137, .3);
    }

    div.linkBlockTitle_odd {
        width           : 100%;
        padding-bottom  : 5px;
        /* border-bottom: 1px solid #DDD; */
        position        : relative;
    }

    div.linkBlockTitle_odd img {
        display: none;
    }

    div.linkBlockTitle_odd h3 {
        /* border-bottom: 1px solid rgb(42, 71, 191); */
        position     : relative;
        bottom       : -1px;
        padding-right: .5em;
    }

    div.linkBlockTitle_odd h3::before {
        display         : inline-block;
        content         : "";
        float           : left;
        width           : .7em;
        height          : .7em;
        margin          : .35em 5px 0 0;
        background-image: url("/static/icon/hlhs2/2.png");
        background-size : 100%;

    }

    div.linkBlockTitle_odd span {
        display: none;
    }

    div.login_odd {
        width: 100%;
    }

    ul.linkBlockContent_odd {
        width           : calc(100% - 10px);
        float           : left;
        padding         : 5px;
        font-size       : .9em;
        font-weight     : 300;
        background-color: white;
    }

    ul.linkBlockContent_odd li {
        float: left;
        width: 100%;
    }

    ul.linkBlockContent_odd li::before {
        content: none;
    }

    ul.linkBlockContent_odd li video,
    ul.linkBlockContent_odd li audio {
        max-width: 100%;
    }

    ul.linkBlockContent_odd li a {}

    ul.linkBlockContent_odd li a:hover {
        color          : rgb(39, 21, 107);
        text-decoration: underline;
    }

    ul.linkBlockContent_odd li a::before {
        display         : inline-block;
        content         : "";
        float           : left;
        width           : .7em;
        height          : .7em;
        margin          : .4em 5px 0 0;
        background-image: url("/static/icon/hlhs2/1.png");
        background-size : 100%;

    }

    ul.linkBlockContent_odd video,
    ul.linkBlockContent_odd audio {
        max-width: 100%;
    }

    ul.linkBlockContent_odd li.img {
        width        : calc(100% - 2px - 4px);
        height       : auto;
        margin-right : 10px;
        margin-bottom: 10px;
        border       : 1px solid #CCC;
        padding      : 2px;
    }

    ul.linkBlockContent_odd li.img::before {}

    ul.linkBlockContent_odd li.img a {
        display: inline-block;
        width  : 100%;
    }

    ul.linkBlockContent_odd li.img a::before {
        content: none;
    }

    ul.linkBlockContent_odd li.img a img {
        width: 100%;
    }

    ul.linkBlockContent_odd li.img a>label {}

    ul.linkBlockContent_odd li.img a:hover>label {}

    ul.linkBlockContent_odd li.img a>label>label {}
}