.blog-category-right{
    width: 300px;
    margin-left: 20px;
    margin-top: 30px;
    box-sizing: border-box;
}
.hot-list .hot-link{
    display: inline-block;
}
.blog-category-right .blog-category_title{
    padding: 40px 20px 0 20px;
    font-weight: 500;
    background: white;
    margin-bottom: 0;
}
.line-border {
    height: 30px;
    padding: 0 20px;
    background: white;

}
.line-border span{
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #e1e1e1;
}
.hot-list li{
    display: flex;
    padding-bottom: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: white;
}
.hot-list .hot-img-link{
    width: 256px;
    height: 170px;
    background: #555;
}
.hot-list .hot-img{
    width: 256px;
    height: 170px;
}
.hot-list .hot-word{
    font-size: 24px;
    font-family: OpenSans,Arial,Helvetica,sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 256px;
    line-height:30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp:2;*/
    overflow: hidden;
    box-sizing: border-box;
}
.hot-list:hover .hot-word{
    color: #5394ec;
}

.blog-category-right .eye-box{
    width: 256px;
}
@media (max-width: 768px) {
    .blog-category-right{
        box-sizing: border-box;
        width: 100%;
        margin-left: unset;
        /*margin:20px;*/

    }
    .hot-list .hot-word{
        font-size: 21px;
        width: 100%;
    }
    .blog-category-right ul{
        /*padding: 20px;*/
    }
    .blog-btn {
        margin-left: 10px;
    }
    .hot-list{
        flex-wrap: wrap;
    }
    .hot-list .hot-img-link{
        display: inline-block;
        width: 100%;
        height: calc(84vw * 0.664);
        background: #555;
    }
    .hot-list  li{
    padding: 13.333vw 2.667vw 0  2.667vw ;
}
    .hot-list .hot-img{
        width: 100%;
        height: 100%;
    }
    .blog-category-right .eye-box{
        width: 100%;
    }

}