.procate {padding-bottom:60px}
.procate-list {justify-content:flex-start;}
.procate-list li {width:calc(20% - 30px);height:50px;display:flex;align-items:center;justify-content:center;background-color:#FFF;border:1px solid var(--color);margin:10px 15px;transition:background .2s}
.procate-list li a {display:block;color:var(--color);width:100%;text-align:center;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:42px;word-break:break-all;padding:0px 4px}
.repro {padding:2.5% 0px;overflow:hidden;background:#FAFAFA;}
.repro-swiper {width:calc(100% - 180px);padding:20px 0px}
.repro-box-next,.repro-box-prev {width:40px;height:40px;background-color:#FFF;display:flex;align-items:center;justify-content:center;font-weight:var(--fontbold7);transition:background .2s;color:#555;cursor:pointer}
.repro-box-next:hover,.repro-box-prev:hover {background-color:var(--color);color:#FFF}
.swiper-button-disabled {opacity:.35;cursor:auto;pointer-events:none}
.repro-boxlist li {background-color:#F7F7F8;padding:10px;height:auto;transition:box-shadow .2s;width:25%}
.repro-item-img {overflow:hidden;background-color:#FFF}
.repro-item-img a {display:block;width:100%;height:100%;overflow:hidden;}
.repro-item-img a img {width:100%;display:block;transition:all .3s;}
.repro-item-cont {padding:10px}
.repro-name {text-transform:capitalize;font-size:16px;color:var(--fontcolor);max-height:48px}
.repro-more {display:block;border-top:1px solid #DADADB;color:#555;font-size:14px;margin-top:8px;padding-top:12px;text-transform:lowercase}
.repro-boxlist li:hover .repro-more {color:var(--color)}
@media(min-width:800px) {.procate-list li:hover {background-color:var(--color)}
.procate-list li:hover a {color:#FFF}
.repro-boxlist li:hover .repro-item-img img {transform:scale(1.1)}
.repro-boxlist li:hover {box-shadow:0 5px 15px 0 rgba(1,1,1,.1)}}
@media (max-width:800px) {.procate {padding-bottom:30px}
.procate-list {padding:0px}
.procate-list li {width:calc(50% - .15rem);margin:0px .3rem .3rem 0px;font-size:.28rem;height:.7rem}
.procate-list li:nth-child(2n) {margin-right:0px}
.repro{padding-top:30px}
.repro-swiper {width:100%;padding-top:0}
.repro-swiper .swiper-pagination {position:static;margin-top:10px}
.repro-name {font-size:.31rem}
.repro-box-next,.repro-box-prev {display:none}}