.detail-slider{position:relative;width:100%}.detail-slider .detail-slider-top{position:relative;width:100%;padding-top:100%;height:0;margin-bottom:10px}.detail-slider .detail-slider-bottom{position:relative;width:100%;padding-top:20%;height:0}.detail-slider .swiper-container{width:100%;margin-left:auto;margin-right:auto}.detail-slider .swiper-button-next,.detail-slider .swiper-button-prev{background-color:rgba(0,0,0,0.16);background-size:20px}.detail-slider .swiper-slide{background-size:cover;background-position:center}.detail-slider .gallery-top{position:absolute;top:0;height:100%;width:100%}.detail-slider .gallery-thumbs{position:absolute;top:0;height:100%;box-sizing:border-box}.detail-slider .gallery-thumbs .swiper-slide{width:20%;height:100%}.detail-slider .gallery-thumbs .swiper-slide-thumb-active{border:2px solid #f00}.selected-img{position:absolute;top:0;left:0;right:0;height:0;background-color:#fff;z-index:100;overflow:hidden}.selected-img img{width:100%;height:100%;object-fit:cover}.img-attr{width:27px;height:27px;object-fit:cover}.img-attr-container{margin-bottom:12px;display:grid;grid-template-columns:repeat(auto-fill, 60px);grid-gap:15px 15px;justify-content:space-between;line-height:1.2em}.img-attr-radio{display:flex;justify-self:center}.img-attr-radio .img-attr-label{text-align:center;width:60px;overflow:hidden;padding:0}.img-attr-radio .img-attr-label .img-attr-border{width:60px;height:60px;border-radius:2px}.img-attr-radio .img-attr-label .img-attr-mask{width:100%;height:100%;object-fit:cover;border-radius:2px}.img-attr-radio .img-attr-label .img-attr-title{font-size:12px;line-height:18px;letter-spacing:normal;text-transform:initial}.img-attr-radio .radios--input[type="radio"]:checked+.img-attr-label .img-attr-border,.img-attr-radio .radios--input[type="radio"]:hover+.img-attr-label .img-attr-border{border:2px solid var(--color--body--light)}.img-attr-radio .radios--input[type="radio"]:checked+.img-attr-label .img-attr-mask,.img-attr-radio .radios--input[type="radio"]:hover+.img-attr-label .img-attr-mask{border:1px solid #fff}.product-page--variants .radios--container>*:not(:last-child){padding-right:15px}.product-page--variants .radios--main{padding-bottom:15px}.product-page--variants .radios--value-button{font-size:12px;text-transform:initial;letter-spacing:normal;padding:0 15px}.product-relate-goods{display:none;grid-row:span 3;grid-column:3}.product-relate-goods .relate-goods-title{font-size:20px;line-height:30px;margin-bottom:15px;text-align:center}.product-relate-goods .relate-goods-list{padding:0 10px;width:100%}.product-relate-goods .relate-goods-list .relate-goods-item{position:relative;margin:0 auto 15px;width:100%;height:0;padding-bottom:135%;overflow:hidden;cursor:pointer}.product-relate-goods .relate-goods-list .relate-goods-item .relate-goods-container{position:absolute;left:0;bottom:0;width:100%;height:100%}.product-relate-goods .relate-goods-list .relate-goods-item .relate-goods-container .goods-img{position:relative;width:100%;height:0;padding-top:100%}.product-relate-goods .relate-goods-list .relate-goods-item .relate-goods-container .goods-img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.product-relate-goods .relate-goods-list .relate-goods-item .relate-goods-container .goods-price,.product-relate-goods .relate-goods-list .relate-goods-item .relate-goods-container .goods-title{font-size:13px;line-height:15px}.product-relate-goods .relate-goods-list .relate-goods-item .relate-goods-container .goods-price{margin:5px 0;font-weight:600}.product-relate-goods .relate-goods-list .relate-goods-item .relate-goods-container .goods-price del{text-indent:10px;font-weight:300}@media (min-width: 1280px){.product-relate-goods{display:block}}.product-activity{margin:10px 0;position:relative;display:block;width:100%;height:50px;border-radius:4px;background-color:#f5b139;color:#fff;overflow:hidden}.product-activity .product-activity-t{position:absolute;top:0;left:0;width:77%;height:25px;text-align:center;z-index:2;font-size:14px;font-weight:700;line-height:25px;color:#fff}.product-activity .product-activity-b{position:absolute;left:0;bottom:0;width:100%;height:25px;background-color:#f56d22;z-index:2;font-size:12px;line-height:25px}.product-activity .product-activity-b span{display:block;width:77%;height:100%;text-align:center;color:#fff}.product-activity .product-activity-r{position:absolute;right:0;top:0;width:23%;height:50px;background-color:#f56d22;border-radius:46px 4px 4px 0;box-shadow:-6px 0 6px rgba(0,0,0,0.16);z-index:3;font-size:12px;line-height:12px;padding:13px 3px 0 0;text-align:right;color:#fff}.product-activity .product-activity-r span{font-size:20px;line-height:25px}.product-activity:hover,.product-activity:focus{color:#fff}.animate-headShake{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:headShake;animation-name:headShake;animation-timing-function:ease-in-out}.animate-pulse{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:pulse;animation-name:pulse;animation-timing-function:ease-in-out}@keyframes pulse{from{transform:scale3d(1, 1, 1)}10%{transform:scale3d(1.05, 1.05, 1.05)}20%{transform:scale3d(1, 1, 1)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}1.3%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}3.7%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}6.3%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}8.7%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}10%{-webkit-transform:translateX(0);transform:translateX(0)}}
