.latest-news-wrapper .layui-col-md4 .imgs {
    width: 220px;
    height: 220px;
    display: flex;
}

.imgs-box {
    box-shadow: 3px 1px 10px 3px #8888;
}

.imgs img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.img-box  .img
{
    height: 200px;
}
.img_200{
    height: 200px !important;
}
.layui-col-md4 {
    width: 230px;
    margin-left: 5px;
    text-align: center;
    margin-top: 20px;
}
.margin_item{
    margin-right: 5px;
    margin-top: 20px;
}
.padding_item{
    padding: 0px 5px 0px 5px;
}
.item-4-title {
    margin-top: 10px;
    white-space: nowrap;
    display: inline-block;
    width: 90%;
    overflow: hidden;
    line-height: 1.5;
    padding: 0.2rem;
    border-top: 1px solid white;

    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.item-4-audio {
    display: flex;
}

 .audio_box {
    display: inline-block;
    position: absolute;
     margin-top: 59%;
}

.audio_box img{
    display: inline-block;
    width:90%;
    margin-bottom: 0.2rem;
    border-radius: 0.2rem;
}


.audio-controller
{
    position: fixed;
    bottom: 2rem;
    width:100%;
    display: none;
}
.audio-controller audio
{
    width:80%;
    float: left;
}
.audio-controller img
{
    width: 2rem;
    float: left;
    height: 2rem;
    margin-top: 9px;
    margin-left: 10px;
}
.TextDocument {
    width: 200px;
    height: 50px;
    background-color: crimson;
    display: none;
}