.hn_left {
    width: calc(66.66% - .4rem);
    box-shadow: #ebf2f7 3px 3px 3px 5px;
    padding: .4rem .25rem .2rem;
    box-sizing: border-box;
    background: #fff;
}

.hn_right {
    width: 33.33%;
    box-shadow: #ebf2f7 3px 3px 3px 5px;
    box-sizing: border-box;
    padding: .4rem .25rem;
    background: #fff;
}

.hn_frame {
    justify-content: space-between;
    margin: .5rem 0;
}

.hn_frame img {
   width: 100%;
    max-height: 3.2rem;
}

.hn_head {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.hn_gsdt {
    font-size: .24rem;
    color: #393939;
    font-weight: bold;
}

.hn_plate {
    width: calc(50% - .15rem);
    padding: .15rem 0;
}

.hn_main {
    margin-top: .2rem;
    justify-content: space-between;
}

.hn_name {
    font-size: .16rem;
    font-weight: bold;
    margin: .2rem 0;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hn_picList li {
    padding-bottom: .2rem;
    border-bottom: 1px dashed #e7e7e7;
}

.hn_time {
    font-size: .14rem;
    color: #999999
}

.hn_picList li:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

.txtMarquee-top-left {
    margin-top: .3rem;
}


@media only screen and (max-width: 768px) {

    .hn_left,
    .hn_right {
        width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    .hn_plate {
        width: 100%;
    }

    .hn_right{
        margin-top: 5px;
    }
}