@media screen and (max-width: 500px) {
    .lm-lb {
        height: 200px;
    }
    .ht {
        top:80px;
        left: 10%;
        background: none;
    }
    .ht p {
        min-width: 300px;
        color: #458ffe;
        font-size: 40px !important;
        font-weight: bold;
    }
    .lm-one-right-top p {
        display: none;
    }
    .lm-main {
        width: 95%;
        margin: 0 auto;
    }
    .lm-main-one {
        width: 100%;
    }
    .lm-li {
        width: 77%;
    }
    .lm-li .lm-lia1{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .lm-li .lm-lia2 {
        width: 100%;
        display: block;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
}
@media screen and (max-width: 420px) {
    .lm-lb {
        height: 200px;
    }
    .ht {
        top:80px;
        left: 10%;
        background: none;
    }
    .ht p {
        min-width: 300px;
        color: #458ffe;
        font-size: 40px;
        font-weight: bold;
    }
    .lm-one-right-top p {
        display: none;
    }
    .lm-main {
        width: 95%;
        margin: 0 auto;
    }
    .lm-main-one {
        width: 100%;
    }
    .lm-li {
        width: 77%;
    }
    .lm-li .lm-lia1{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .lm-li .lm-lia2 {
        width: 100%;
        display: block;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
}
@media screen and (max-width: 375px) {
    .lm-lb {
        height: 200px;
    }
    .ht {
        top:80px;
        left: 10%;
        background: none;
    }
    .ht p {
        min-width: 300px;
        color: #458ffe;
        font-size: 40px;
        font-weight: bold;
    }
    .lm-one-right-top p {
        display: none;
    }
    .lm-main {
        width: 95%;
        margin: 0 auto;
    }
    .lm-main-one {
        width: 100%;
    }
    .lm-li {
        width: 76%;
    }
    .lm-li .lm-lia1{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .lm-li .lm-lia2 {
        width: 100%;
        display: block;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
}
@media screen and (max-width: 360px) {
    .lm-lb {
        height: 200px;
    }
    .ht {
        top:80px;
        left: 10%;
        background: none;
    }
    .ht p {
        min-width: 300px;
        color: #458ffe;
        font-size: 40px;
        font-weight: bold;
    }
    .lm-one-right-top p {
        display: none;
    }
    .lm-main {
        width: 95%;
        margin: 0 auto;
    }
    .lm-main-one {
        width: 100%;
    }
    .lm-li {
        width: 75%;
    }
    .lm-li .lm-lia1{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .lm-li .lm-lia2 {
        width: 100%;
        display: block;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
}

@media screen and (max-width: 500px){
    .ht {left: .75rem;}
    .lm-main {width: 100%; margin: 0; box-sizing: border-box; padding: 0 .75rem;}
    .lm-one-right-top ul {background-position: left center;}
    .lm-li {width: 75%;}
}