.sf_search{padding: 20px 30px;box-shadow: 0px 0px 20px #ddd;margin-top: 60px;border-radius: 20px;}
.sf_search>input{height: 40px;background-color: #fff;padding: 0 20px;width: 90%;}
.sf_search>a{background-color: var(--base);color: #fff;width: 10%;text-align: center;height: 40px;line-height: 40px;display: inline-block;font-size: 12px;border-radius: 10px;}

.sf_file_c{padding: 100px 0 0;}
.sf_file_c>h1{font-size: 32px;text-align: center;}
.sf_file_w{margin-top: 100px;display: flex;flex-wrap: wrap;}
.sf_file_i{width: 31%;margin-right: 3.5%;margin-bottom: 60px;box-shadow: 0px 0px 20px #ddd;border-radius: 20px;padding: 100px 40px 60px;text-align: center;}
.sf_file_i:nth-child(3n){margin-right: 0;}
.sf_file_i>img{}
.sf_file_i>img:last-of-type{display: none;}
.sf_file_i>h1{font-size: 18px;line-height: 2;margin-top: 20px;}
.sf_file_i:hover h1{color: var(--base);}
.sf_file_i:hover>img:first-of-type{display: none;}
.sf_file_i:hover>img:last-of-type{display: inline;}


.sf_page{padding: 50px 0 100px;display: flex;justify-content: center;}
.paginationjs-prev.disabled{display: none;}
.paginationjs-next.disabled{display: none;}
.paginationjs .paginationjs-pages li{border: 0;margin: 0 5px;}
.paginationjs .paginationjs-pages li.active{border: 0;}
.paginationjs .paginationjs-pages li:last-child{border: 0;}
.paginationjs .paginationjs-pages li>a{border-radius: 10px;background-color: #f9f9f9;height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li.active>a{background-color: var(--base);height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li:last-child>a{border-radius: 10px;}
.paginationjs .paginationjs-pages .paginationjs-ellipsis>a{background-color: #f9f9f9;}

@media screen and (max-width: 1200px) {
    .sf_search{padding: 2rem 1.5rem;}
    .sf_search>input{width: 80%;}
    .sf_search>a{width: 20%;height: 4rem;line-height: 4rem;}

    .sf_file_w{margin: 6rem 0 0;flex-direction: column;gap: 2rem;}
    .sf_file_i{width: 100%;margin: 0;padding: 4rem 2rem;}
    .sf_file_i>h1{font-size: 1.6rem;}
    
}<!--0.00019001960754395-->