.top-category-wrapper{background-color:#fff}.top-category-wrapper:before{content:"";-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;z-index:-1;background:url(./../../../assets/images/top-category-01.png) 0 0/100% 100% no-repeat;width:100%;height:250px;top:0;left:0;-webkit-transform:translateY(-240px);-moz-transform:translateY(-240px);-ms-transform:translateY(-240px);-o-transform:translateY(-240px);transform:translateY(-240px)}.top-category-wrapper:after{content:"";-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;z-index:-1;background:url(./../../../assets/images/top-category-02.png) 0 0/100% 100% no-repeat;width:100%;height:250px;top:0;left:0;-webkit-transform:translateY(117px);-moz-transform:translateY(117px);-ms-transform:translateY(117px);-o-transform:translateY(117px);transform:translateY(117px)}.top-category-item i{color:#000;background-color:#fff;border:1px solid #f5f3fc;width:65px;height:80px;margin:0 auto;font-size:31px}.top-category-item i.icon-ball{font-size:33px}.top-category-item i.icon-weight{font-size:18px}.top-category-item span{text-align:center;color:#212341;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin-top:22px;line-height:30px;overflow:hidden}@media only screen and (width<=1199px){.top-category-item span{font-size:13px}}.top-category-item:hover i{color:#fff;background-color:#2d365d;border-color:#2d365d}.top-category .swiper{width:100%;max-width:90%;margin:0 auto}.top-category .swiper-button-prev{right:0}.top-category .swiper-button-next{left:0}