.articles-box{
    width: 100%;
    height: auto;
    min-height: 10rem;
}

.articles-box>ul{
    width: 100%;
    height: auto;
}

.articles-box>ul>a>li{
    width: 100%;
    height: 1.85rem;
    padding: 0.17rem 0.48rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 0.02rem solid #b5b5b5;
}

.articles-box>ul>a:last-child>li{
    border-bottom: none;
}

.li-img-box{
    width: 2.47rem;
    height: 100%;
    overflow: hidden;
}

.li-img-box>img{
    width: 100%;
    height: 100%;
}

.li-word-box{
    width: 3.84rem;
    height: 100%;
}

.li-title{
    width: 100%;
    height: 1.28rem;
}

.li-title>h1{
    font-size: 0.26rem;
    color: #7d7d7d;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.timer-box{
    width: 100%;
    height: 0.2rem;
    font-size: 0.16rem;
    color: #7d7d7d;
}

.bottom{
    margin-top: 0.7rem;
}


.moreBtn{
    width: 1rem;
    height: 1rem;
    border: 0.01rem solid  #5ac8c8;
    margin: 0.5rem auto;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.moreBtn>p{
    width: 0.4rem;
    font-size: 0.2rem;
    color: #7d7d7d;
}


.loadingImg{
    width: 1rem;
    height: 1rem;
    background: url("../imgs/Rolling.svg");
    background-size: 100%;
    margin: 0.5rem auto;
}

.searchTips{
    width: 100%;
    height: 11rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.showTips{
    width: auto;
    height: 0.5rem;
    background-color: #5ac8c8;
    opacity: 0.5;
    text-align: center;
    line-height: 0.5rem;
    padding: 0.1rem 0.3rem;
    border-radius: 0.3rem;
}

.showTips>p{
    color: white;
    font-size: 0.25rem;
}