.procate-swiper {position:relative;padding:0 60px;}
.procate-swiper .swiper-pagination {display:none}
.procate-swiper .procate-list {flex-wrap:nowrap;}
.procate-swiper .procate-list .procate-item {width:calc(100% - 20px);margin:15px 10px;}
.procate-swiper .procate-list .procate-item .procate-img {min-height:inherit;max-height:100%;height:0;padding-bottom:100%;}
.procate-swiper .procate-list .procate-item .procate-img img {position:absolute;top:0;left:0;object-fit:contain;background:#fff;}
.procate-swiper .procate-btn>div {cursor:pointer;width:40px;height:40px;position:absolute;top:50%;margin-top:-20px;border:1px solid var(--color);border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--color);transition:.3s;}
.procate-swiper .procate-btn>div.procate-prev {left:0;}
.procate-swiper .procate-btn>div.procate-next {right:0;}
.procate-swiper .procate-btn>div em {font-size:20px;}
.procate-swiper .procate-btn>div.procate-prev em {transform:rotate(180deg);}
.procate-swiper .procate-btn>div:hover {background:var(--color);color:#fff}
@media (max-width:768px){.procate-swiper{padding:0}
.procate-swiper .swiper{padding-bottom:30px}
.procate-swiper .procate-btn{display:none}
.procate-swiper .swiper-pagination{display:block;bottom:0!important}
.procate-swiper .swiper-pagination-bullet-active{background:var(--color)}}