﻿
.download-list{
    display: grid;
    grid-template-columns: repeat(2,50%);
    padding:0 5px;
}
.download-list .news-item{
    margin:5px;
    display: grid;
    grid-template-columns: 70px auto 30px;
    padding:20px;
    border-radius: 20px;
    overflow: hidden;
    background:white;
}
.download-list .news-item .img{
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#eee;
}
.download-list .news-item .img img{
    width: 30px;
    height: 30px;
    display: block;
}

.download-list .news-item .txt{
    padding:20px;
    font-size:14px;
}

.download-list .news-item .link-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.download-list .news-item .link-btn span{
    font-size: 14px;
    margin-right: 15px;
}
.download-list .news-item .link-btn img{
    width:20px;
    background:black;
    border-radius:50%;
}
.download-list .news-item .link-btn img.active{
    display: none;
}

.download-list .news-item:hover {
    cursor: pointer;
    background:#006FFF;
}
.download-list .news-item:hover .img{
    background:white;
}
.download-list .news-item:hover .txt{
    color:white;
}
.download-list .news-item:hover .link-btn{
}
.download-list .news-item:hover .link-btn span{
    color:white;
}
.download-list .news-item:hover .link-btn img{
    background:white;
}
.download-list .news-item:hover .link-btn img.default{
    display: none;
}
.download-list .news-item:hover .link-btn img.active{
    display: block;
}



@media only screen and (max-width: 1000px) {
    .download-list{
        display:block;
    }
}