.product-pinpaizhoubian{margin-top:2.5rem;margin-bottom:2.5rem}@media (min-width: 1024px){.product-pinpaizhoubian{margin-top:5rem;margin-bottom:5rem}}@media (min-width: 1560px){.product-pinpaizhoubian{margin-bottom:7.5rem}}.product-pinpaizhoubian .title h2{font-size:1.875rem;line-height:2.25rem;--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity));font-weight:700}@media (min-width: 1280px){.product-pinpaizhoubian .title h2{font-size:2.25rem;line-height:2.5rem}}.product-pinpaizhoubian .title h3{margin-top:.5rem}.product-pinpaizhoubian ul{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));margin-top:2.5rem;gap:1.25rem}@media (min-width: 1024px){.product-pinpaizhoubian ul{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3.75rem}}.product-pinpaizhoubian ul li{position:relative}.product-pinpaizhoubian ul li a{height:100%;display:flex;flex-direction:column;--un-scale-x:1;--un-scale-y:1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));align-items:center;justify-content:center;gap:.5rem;border-radius:1.25rem;--un-bg-opacity:1;background-color:rgb(248 249 252 / var(--un-bg-opacity));text-align:center;--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-shadow-opacity:1;--un-shadow-color:rgb(0 0 0 / var(--un-shadow-opacity)) ;--un-shadow-opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.product-pinpaizhoubian ul li a .pic{width:100%;height:30rem;display:flex;justify-content:center;overflow:hidden;border-radius:1.25rem}.product-pinpaizhoubian ul li a .pic img{width:100%;height:100%;border-radius:1.25rem;object-fit:cover}.product-pinpaizhoubian ul li a .text{position:absolute;bottom:2.5rem;left:0;width:100%;padding-left:1.25rem;padding-right:1.25rem}.product-pinpaizhoubian ul li a .text h2{font-size:1.25rem;line-height:1.75rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:700;text-transform:uppercase}@media (min-width: 1024px){.product-pinpaizhoubian ul li a .text h2{font-size:1.5rem;line-height:2rem}}.product-pinpaizhoubian ul li a .text button{margin-top:1.25rem;border-width:1px;--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));border-radius:9999px;padding:.25rem 1.25rem;font-size:.875rem;line-height:1.25rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media (min-width: 1024px){.product-pinpaizhoubian ul li a .text button{margin-top:2rem;padding-left:2.5rem;padding-right:2.5rem}}.product-pinpaizhoubian ul li a:hover{--un-scale-x:1.02;--un-scale-y:1.02;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));--un-shadow-opacity:.2}.product-pinpaizhoubian ul li a:hover .text button{--un-border-opacity:1;border-color:rgb(255 233 0 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(255 233 0 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity));background:linear-gradient(0deg,#ffd800,#fff200)}@media (min-width: 1560px){.product-pinpaizhoubian:last-child{margin-bottom:5rem}}.dialog-media-wrapper,.dialog-wrapper.dialog-media .dialog-content img{border-radius:1.25rem}