.yp_banner>img{width: 100%;}

.yp_list{width: 1200px;margin: 100px auto 0;display: flex;flex-wrap: wrap;}
.yp_item{margin-right: 35px;width: 370px;margin-bottom: 38px;transition: all .3s;}
.yp_item>img{width: 100%;height: 100%;object-fit: contain;}
.yp_item:nth-of-type(3n){margin-right: 0;}
.yp_item:hover{transform: translateY(-5px);box-shadow: 5px 5px 20px 0 #aaa;}

.yp_page{margin: 50px 0;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: #f5f5f5;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: #fff;}

@media screen and (max-width: 766px) {
    .yp_banner>img{height: 30vh;object-fit: cover;}

    .yp_item{width: 100%;margin-right: 0;margin-bottom: 2rem;}
}