.top-refine-navigation{background:#fff;margin-bottom:15px;border:1px solid #e6ecf2;padding:12px 0;width:100%;box-sizing:border-box;position:relative}.top-refine-navigation .swiper-main-wrap{position:relative}.top-refine-navigation .swiper-main-wrap .swiper-main-content{padding:0 20px}.top-refine-navigation .swiper-main-wrap .swiper-slide{width:12.5%}.top-refine-navigation .swiper-main-wrap .swiper-slide .prod-item{width:80px;margin:0 auto}.top-refine-navigation .swiper-main-wrap .swiper-slide .prod-item .prod-img{width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white, black)}.top-refine-navigation .swiper-main-wrap .swiper-slide .prod-item .prod-img img{max-width:100%;max-height:100%;transition:transform .3s ease-out}.top-refine-navigation .swiper-main-wrap .swiper-slide .prod-item .prod-img .img-cover{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.03)}.top-refine-navigation .swiper-main-wrap .swiper-slide .prod-item .prod-name{line-height:16px;max-height:32px;margin-top:8px;text-align:center;word-wrap:break-word;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.top-refine-navigation .swiper-main-wrap .swiper-slide .prod-item:hover img{transform:scale(1.1)}.top-refine-navigation .swiper-main-wrap .swiper-slide .prod-item:hover .prod-name{color:#e64545}.top-refine-navigation .swiper-main-wrap .swiper-next,.top-refine-navigation .swiper-main-wrap .swiper-prev{position:absolute;top:50%;margin-top:-20px;width:20px;text-align:center;height:40px;line-height:40px;background:rgba(0,0,0,.3);z-index:10;border-radius:3px;cursor:pointer}.top-refine-navigation .swiper-main-wrap .swiper-next .ob-icon,.top-refine-navigation .swiper-main-wrap .swiper-prev .ob-icon{color:#fff;font-size:16px}.top-refine-navigation .swiper-main-wrap .swiper-next:hover,.top-refine-navigation .swiper-main-wrap .swiper-prev:hover{background:rgba(0,0,0,.5)}.top-refine-navigation .swiper-main-wrap .swiper-next.navigation-disabled,.top-refine-navigation .swiper-main-wrap .swiper-prev.navigation-disabled{display:none}.top-refine-navigation .swiper-main-wrap .swiper-next{right:0}.top-refine-navigation .swiper-main-wrap .swiper-prev{left:0}.top-select-navigation-wrap{margin-bottom:10px}.top-select-navigation-wrap .top-select-navigation{padding-bottom:0;margin-bottom:10px}.top-select-navigation-wrap .top-select-navigation .navigation-title{font-weight:bold;padding-left:15px;margin-bottom:10px}.top-select-navigation-wrap .top-select-navigation .swiper-main-wrap .swiper-slide.selected .prod-img-wrapper:after{content:"";position:absolute;left:10px;bottom:0;width:60px;height:2px;background:#e64545}.top-select-navigation-wrap .top-select-navigation .swiper-main-wrap .prod-item .prod-img-wrapper{position:relative;padding-bottom:14px}.top-select-navigation-wrap .top-select-navigation .swiper-main-wrap .swiper-prev,.top-select-navigation-wrap .top-select-navigation .swiper-main-wrap .swiper-next{top:calc((100% - 14px)/2)}.top-select-navigation-wrap .suggest-filter{display:inline-block;color:#555;border-radius:3px;background:#fff;border:1px solid #e6ecf2;padding-left:10px;font-size:12px}.top-select-navigation-wrap .suggest-filter .del-btn{display:inline-block;padding:5px 10px 5px 5px}.top-select-navigation-wrap .suggest-filter .del-btn .icon-delete{font-size:14px}.top-select-navigation-wrap .suggest-filter .del-btn:hover{color:#222}.right-recommend-wrap{padding:10px 0 15px 0}.right-recommend-wrap .title{margin-bottom:8px}.right-recommend-wrap .right-recommend .swiper-slide{display:flex;flex-wrap:wrap}.right-recommend-wrap .right-recommend .swiper-slide .prod-item{width:50%;margin-bottom:15px}.right-recommend-wrap .right-recommend .swiper-slide .prod-item:hover img{transform:scale(1.04)}.right-recommend-wrap .right-recommend .swiper-slide .prod-item:hover .prod-name{color:#e64545}.right-recommend-wrap .right-recommend .swiper-slide .center{display:flex;justify-content:center}.right-recommend-wrap .right-recommend .swiper-slide .prod-img{display:block;width:60px;height:60px;display:flex;justify-content:center;align-items:center}.right-recommend-wrap .right-recommend .swiper-slide .prod-img img{max-width:100%;max-height:100%;transition:transform .3s ease-out}.right-recommend-wrap .right-recommend .swiper-slide .prod-name{width:60px;line-height:16px;max-height:32px;margin-top:5px;text-align:center;word-wrap:break-word;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.right-recommend-wrap .right-recommend .navigation-btn{display:flex;justify-content:flex-end}.right-recommend-wrap .right-recommend .navigation-btn .swiper-next,.right-recommend-wrap .right-recommend .navigation-btn .swiper-prev{width:24px;height:24px;border-radius:50%;border:1px solid #ced3d9;display:flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer}.right-recommend-wrap .right-recommend .navigation-btn .swiper-next .ob-icon,.right-recommend-wrap .right-recommend .navigation-btn .swiper-prev .ob-icon{color:#888;font-size:16px;margin-bottom:-1px}.right-recommend-wrap .right-recommend .navigation-btn .swiper-next:hover,.right-recommend-wrap .right-recommend .navigation-btn .swiper-prev:hover{background:#f5f7fa}.right-recommend-wrap .right-recommend .navigation-btn .swiper-next:hover .ob-icon,.right-recommend-wrap .right-recommend .navigation-btn .swiper-prev:hover .ob-icon{color:#555}.right-recommend-wrap .right-recommend .navigation-btn .swiper-next.navigation-disabled,.right-recommend-wrap .right-recommend .navigation-btn .swiper-prev.navigation-disabled{display:none}.right-recommend-wrap .right-recommend .navigation-btn .swiper-next{margin-left:15px}.right-recommend-wrap .right-recommend .navigation-btn .swiper-next .ob-icon{margin-left:1px}.right-recommend-wrap .right-recommend .navigation-btn .swiper-prev{margin-left:15px}.right-recommend-wrap .right-recommend .navigation-btn .swiper-prev .ob-icon{margin-right:1px}.refine-placeholder{background:#fff;margin-bottom:15px;border:1px solid #e6ecf2;padding:12px 0;width:100%;box-sizing:border-box;position:relative;display:flex;justify-content:center;align-items:center}.refine-placeholder .refine-placeholder-spin{width:26px;height:26px;border-radius:50%;background-color:#fff;display:inline-block;position:relative;animation:spin 1s linear infinite}.refine-placeholder .refine-placeholder-spin::before,.refine-placeholder .refine-placeholder-spin::after{border-radius:50%;display:block;position:absolute;content:""}.refine-placeholder .refine-placeholder-spin::before{background-color:inherit;inset:4px;z-index:2}.refine-placeholder .refine-placeholder-spin::after{width:100%;height:100%;z-index:1;background:conic-gradient(from 90deg at 50% 50%, rgba(255, 255, 255, 0.0001) 0deg, #E64545 360deg)}.refine-placeholder.top-refine{height:146px}.refine-placeholder.right-refine{height:305px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media only screen and (max-width: 1366px){.top-refine-navigation .swiper-main-wrap .swiper-main-content{padding:0 10px}.top-refine-navigation .swiper-main-wrap .swiper-main-content .swiper-slide .prod-item{width:70px}.top-refine-navigation .swiper-main-wrap .swiper-main-content .swiper-slide .prod-item .prod-img{width:70px;height:70px}.top-select-navigation-wrap .top-select-navigation .swiper-main-wrap .swiper-slide.selected .prod-img-wrapper:after{width:50px}.right-recommend-wrap{padding-bottom:10px}.right-recommend-wrap .title{margin-bottom:5px}}@media only screen and (max-width: 1240px){.top-refine-navigation .swiper-main-wrap .swiper-main-content{padding:0 35px}}@media only screen and (max-width: 1024px){.right-recommend-wrap{padding-bottom:10px}.right-recommend-wrap .title{font-size:12px}.right-recommend-wrap .right-recommend .swiper-slide .prod-name{font-size:12px}}
/*# sourceMappingURL=../../../../__sources__/landing/www/qp/css/refine-navigation_49434e71.css.map */