.app-foot-block,.sprod-view{background-color:#fafafa}.sprod-view .container-block{padding-bottom:100px}.sprod-view .sprod-swiper{height:376px;overflow:hidden;position:relative;width:100%}.sprod-view .sprod-swiper .ad-swiper{height:376px;left:50%;margin-left:-960px;position:absolute;top:0;width:1920px}.sprod-view .sprod-swiper .ad-swiper .ad-swiper-item{background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;height:376px;width:1920px}.sprod-view .sprod-swiper .sprod-swiper-action{bottom:16px;left:0;position:absolute;right:0;text-align:center}.sprod-view .sprod-swiper .sprod-swiper-action .swiper-pagination{zoom:1;display:inline-block;font-size:0;margin:0 auto;position:relative;vertical-align:middle}.sprod-view .sprod-swiper .sprod-swiper-action .swiper-pagination .swiper-pagination-item{zoom:1;background-color:#fff;border-radius:50%;cursor:pointer;display:inline-block;font-size:0;height:8px;margin:0 4px;opacity:.6;vertical-align:middle;width:8px}.sprod-view .sprod-swiper .sprod-swiper-action .swiper-pagination .swiper-pagination-item.active{opacity:1}.sprod-view .sprod-swiper .carousel-slide{position:absolute;width:100%}.sprod-view .sprod-swiper .carousel,.sprod-view .sprod-swiper .carousel .carousel-inner,.sprod-view .sprod-swiper .carousel .carousel-item{height:325px;width:100%}.sprod-view .sprod-swiper .carousel .slide-img{background-position:50%;background-repeat:no-repeat;background-size:cover;height:325px;width:100%}.sprod-view .site-breadcrumb .breadcrumb{margin-bottom:12px}.sprod-view .sprod-filter .filter-wrap{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border:1px solid #8d95a0;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:48px;-webkit-justify-content:flex-start;justify-content:flex-start;line-height:48px;padding:0 16px;position:relative}.sprod-view .sprod-filter .filter-wrap .wrap-left,.sprod-view .sprod-filter .filter-wrap .wrap-middle{color:#41464b;font-size:16px;font-weight:700;padding:0 8px}.sprod-view .sprod-filter .filter-wrap .wrap-middle .wrap-arrow{background:transparent url(/img/common/icon-filter-right.png) 0 no-repeat;background-size:4px 10px;height:10px;width:4px}.sprod-view .sprod-filter .filter-wrap .wrap-right{color:#41464b;font-size:16px;font-weight:700;padding:0 8px}.sprod-view .sprod-filter .filter-wrap .wrap-toggle{-webkit-box-pack:start;-ms-flex-pack:start;background-color:#fff;border:1px solid #8d95a0;-webkit-justify-content:flex-start;justify-content:flex-start;left:-1px;min-width:470px;position:absolute;top:-1px;-webkit-transition:all .6s ease;transition:all .6s ease;z-index:49}.sprod-view .sprod-filter .filter-wrap .wrap-toggle .nav .nav-item .nav-link{color:#8d95a0;font-size:16px;font-weight:300;line-height:48px;max-width:200px;overflow:hidden;padding:0 0 0 23px;text-overflow:ellipsis;white-space:nowrap}.sprod-view .sprod-filter .filter-wrap .wrap-toggle .toggle-left{width:200px}.sprod-view .sprod-filter .filter-wrap .wrap-toggle .toggle-left .nav .nav-item .nav-link{background-color:#fafafa;padding-right:16px;position:relative}.sprod-view .sprod-filter .filter-wrap .wrap-toggle .toggle-left .nav .nav-item .nav-link .wrap-arrow{background:transparent url(/img/common/icon-filter-right.png) 0 no-repeat;background-size:4px 10px;height:10px;opacity:0;position:absolute;right:0;top:18px;-webkit-transition:all 1s ease;transition:all 1s ease;width:4px}.sprod-view .sprod-filter .filter-wrap .wrap-toggle .toggle-left .nav .nav-item .nav-link:hover{background-color:#fff}.sprod-view .sprod-filter .filter-wrap .wrap-toggle .toggle-left .nav .nav-item .nav-link:hover .wrap-arrow{opacity:1}.sprod-view .sprod-filter .filter-wrap .wrap-toggle .toggle-left .nav .nav-item.active .nav-link{background-color:#fff}.sprod-view .sprod-filter .filter-wrap .wrap-toggle .toggle-left .nav .nav-item.active .nav-link .wrap-arrow{opacity:1}.sprod-view .sprod-filter .filter-wrap .wrap-toggle .toggle-right{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.sprod-view .sprod-filter .filter-wrap .wrap-toggle .toggle-right .nav .nav-item .nav-link{max-width:500px;padding-right:10px}.sprod-view .sprod-filter .filter-wrap:hover{-webkit-box-shadow:0 6px 10px 0 hsla(215,9%,59%,.2);box-shadow:0 6px 10px 0 hsla(215,9%,59%,.2)}.sprod-view .ske-wrap,.sprod-view .sprod-filter .filter-wrap:hover .wrap-toggle{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.sprod-view .ske-wrap{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:space-between;justify-content:space-between}.sprod-view .ske-wrap .ske-item{padding-top:0;width:24%}.sprod-view .sprod-result{margin-top:40px}.sprod-view .sprod-result .result-head{color:#41464b;font-size:24px;line-height:32px;margin-bottom:24px}.sprod-view .sprod-result .result-body{padding-bottom:24px}.sprod-view .sprod-result .result-body .result-card-group{-webkit-box-pack:start;-ms-flex-pack:start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start;margin-left:-10px;margin-right:-10px;width:1200px}.sprod-view .sprod-result .result-body .result-card-group .card-prod{cursor:pointer;height:346px;margin-bottom:24px;padding:10px;position:relative;width:300px;z-index:1}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-container{background-color:#fff;height:346px;left:10px;overflow:hidden;position:absolute;right:10px;top:10px;-webkit-transition:top .6s linear;transition:top .6s linear;width:280px}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-img-top{font-size:0;padding:16px;text-align:center}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-img-top .img-card{max-height:175px;max-width:248px}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-block{padding:0 24px}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-block .card-title{color:#41464b;font-size:18px;font-weight:700;line-height:19px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-block .card-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#41464b;display:-webkit-box;font-size:14px;font-weight:400;height:88px;letter-spacing:1px;line-height:22px;margin-top:8px;overflow:hidden;text-overflow:ellipsis}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-action{height:40px;margin-top:16px;padding:0 24px}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-action .btn-action{background-color:#fff;border:1px solid #2f7edd;border-radius:0;color:#2f7edd;font-size:16px;height:40px;line-height:1;opacity:0;width:100%}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-action .btn-action:hover{background-color:#2f7edd;color:#fff}.sprod-view .sprod-result .result-body .result-card-group .card-prod:hover{z-index:19}.sprod-view .sprod-result .result-body .result-card-group .card-prod:hover .card-container{background-color:#fff;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1);height:406px;top:-20px;-webkit-transition:top .5s ease,-webkit-box-shadow 0 ease;transition:top .5s ease,-webkit-box-shadow 0 ease;transition:top .5s ease,box-shadow 0 ease;transition:top .5s ease,box-shadow 0 ease,-webkit-box-shadow 0 ease}.sprod-view .sprod-result .result-body .result-card-group .card-prod:hover .card-container .card-action .btn-action{opacity:1;-webkit-transition:all 1.5s ease;transition:all 1.5s ease}@media(max-width:992px){.container-fluid{padding:0}.sprod-view .container-block{padding-bottom:50px}.sprod-view .sprod-swiper{height:176px}.sprod-view .sprod-swiper .ad-swiper{height:176px;left:inherit;margin-left:0;position:relative;width:100%}.sprod-view .sprod-swiper .ad-swiper .ad-swiper-item{height:176px;width:100%}.sprod-view .ske-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.sprod-view .ske-wrap .ske-item{margin-bottom:16px;width:100%}.sprod-view .sprod-result{margin-top:16px}.sprod-view .sprod-result .result-head{margin-bottom:16px}.sprod-view .sprod-result .result-body{padding-bottom:16px}.sprod-view .sprod-result .result-body .result-card-group{margin:0;width:100%}.sprod-view .sprod-result .result-body .result-card-group .card-prod{background-color:#fff;height:auto;margin-bottom:16px;padding:16px 16px 24px;width:100%}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-container{height:auto;left:inherit;position:static;right:inherit;width:100%}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-container .card-img-top{height:auto;line-height:200px;padding:0;width:100%}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-container .card-img-top .img-card{max-height:100%;max-width:100%}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-container .card-block{margin-top:16px;padding:0}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-container .card-block .card-title{font-size:18px;height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-container .card-block .card-text{font-size:16px;line-height:28px;margin-top:16px}.sprod-view .sprod-result .result-body .result-card-group .card-prod .card-container .card-action{display:none}.sprod-view .sprod-result .result-body .result-card-group .card-prod:hover .card-container{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;height:auto;left:inherit;padding:0;right:inherit;width:100%}.sprod-view .sprod-result .result-body .result-card-group .card-prod:hover .card-container .card-action{display:none}}.app-nodata[data-v-b9f65b42]{background-color:#fff;padding-bottom:130px;padding-top:90px;text-align:center}.app-nodata .nodata-img-center[data-v-b9f65b42]{font-size:0}.app-nodata .nodata-img-center .img-nodata[data-v-b9f65b42]{height:120px;vertical-align:middle;width:120px}.app-nodata .nodata-title[data-v-b9f65b42]{color:#bbcce1;font-size:16px;font-weight:400;line-height:1;margin-top:8px}