.service-product-entrance-comp{width:1400px;margin:0 auto;padding:50px 0}
.service-product-entrance-comp .component-title{font-size:32px;font-weight:600;line-height:40px;text-align:center;text-transform:uppercase;letter-spacing:0;color:#000;margin-bottom:22px}
.service-product-entrance-comp .component-describe{font-size:16px;font-weight:normal;line-height:24px;text-align:center;text-transform:uppercase;letter-spacing:0;color:#000;margin-bottom:60px}
.service-product-entrance-comp .service-product-list{display:flex;flex-wrap:wrap;gap:16px;width:100%}
.service-product-entrance-comp .service-product-item{flex:1 1 calc(50% - 8px);width:calc(50% - 8px);position:relative}
.service-product-entrance-comp .service-product-item.hasBnt{cursor:pointer}
.service-product-entrance-comp .service-product-list.is-singular-list .service-product-item:first-child{flex:1 1 100%;width:100%}
.service-product-entrance-comp .service-product-list.is-singular-list .service-product-item:first-child .background-wrap{aspect-ratio:175/51}
.service-product-entrance-comp .service-product-list.is-singular-list .service-product-item:first-child .content-wrap{width:calc(50% - 8px)}
.service-product-entrance-comp .service-product-item .content-wrap{position:absolute;top:0;left:0;right:0;bottom:0;padding:30px 50px 0}
.service-product-entrance-comp .service-product-item .service-product-name{font-size:28px;font-weight:600;line-height:36px;letter-spacing:0;color:rgba(0,0,0,0.9)}
.service-product-entrance-comp .service-product-item .service-product-name-tag{border-radius:8px;opacity:1;background:linear-gradient(59deg,#403e41 0,#4e4e50 100%);padding:4px 10px;display:inline-flex}
.service-product-entrance-comp .service-product-item .service-product-name-tag .product-tag-text{font-size:20px;font-weight:600;line-height:28px;text-align:center;letter-spacing:0;background:linear-gradient(239deg,#ded9d6 3%,#ddc6b6 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
.service-product-entrance-comp .service-product-item .service-product-description{margin-top:20px;font-size:20px;font-weight:normal;line-height:28px;letter-spacing:0;color:rgba(0,0,0,0.6)}
.service-product-entrance-comp .service-product-item .service-product-price.price-single{font-size:28px;font-weight:500;line-height:36px;letter-spacing:0;color:#000;margin-top:30px;margin-bottom:30px}
.service-product-entrance-comp .service-product-item .service-product-price.price-mix{display:flex;align-items:flex-end;margin-top:24px;margin-bottom:30px}
.service-product-entrance-comp .service-product-item .service-product-price.price-mix .price-tag{border-radius:6px 0 0 6px;background:#feeae9;padding:4px 20px 4px 10px;font-size:20px;font-weight:500;line-height:28px;text-align:center;letter-spacing:0;color:#ca4040}
.service-product-entrance-comp .service-product-item .service-product-price.price-mix .price-text{position:relative;font-size:28px;font-weight:500;line-height:36px;text-align:center;letter-spacing:0;color:#fff;z-index:1;padding:3px 14.5px}
.service-product-entrance-comp .service-product-item .service-product-price.price-mix .price-text::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(270deg,#fb2d31 0,#fe696f 100%);transform:perspective(180px) rotateX(25deg) skewX(0);transform-origin:right top;border-radius:6px;z-index:-1}
.service-product-entrance-comp .service-product-item .service-product-buy-btn{display:inline-block;border-radius:8px;background:#1455ff;padding:10px 20px;font-size:20px;font-weight:600;line-height:28px;letter-spacing:0;color:#fff}
.service-product-entrance-comp .service-product-item .service-product-img-wrap{width:33%;aspect-ratio:1/1;position:absolute;right:50px;bottom:0}
.service-product-entrance-comp .service-product-list.is-singular-list .service-product-item:first-child .service-product-img-wrap{width:unset;height:100%;right:142px}
.service-product-entrance-comp .service-product-item .background-wrap{width:100%;aspect-ratio:173/102}
.service-product-entrance-comp .service-product-item .service-product-bg-color{width:100%;height:100%;border-radius:16px}
.service-product-entrance-comp .component-footer{margin-top:50px;text-align:center}
.service-product-entrance-comp .component-footer .view-more-link{font-size:16px;font-weight:normal;line-height:24px;letter-spacing:0;color:#1455ff;display:inline-flex}
.service-product-entrance-comp .component-footer .view-more-link::after{content:'';width:16px;height:16px;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48Zz48Zz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEsLTEuMjI0NjQ2ODUyNTg1MTY3OWUtMTYsMS4yMjQ2NDY4NTI1ODUxNjc5ZS0xNiwtMSwyMiwyNikiPjxwYXRoIGQ9Ik0xNi44MTY5OCwyMi4wNDYwNUMxNi45NzI3OCwyMi4xODUzMywxNy4wMzUzMiwyMi4zOTE2NSwxNi45ODA0NSwyMi41ODU2MzAwMDAwMDAwMDJDMTYuOTI1NjUsMjIuNzc5NjUsMTYuNzYxOTY5OTk5OTk5OTk4LDIyLjkzMTE0LDE2LjU1MjQ1LDIyLjk4MTkzQzE2LjM0MjkyLDIzLjAzMjcsMTYuMTIwMDUsMjIuOTc0ODIsMTUuOTY5NTksMjIuODMwNTNMMTEuMTc1NDI0LDE4LjM5MjIyOTk5OTk5OTk5OEMxMC45NDE1MjU0LDE4LjE3NTU2LDEwLjk0MTUyNTQsMTcuODI0NDMsMTEuMTc1NDI0LDE3LjYwNzc2TDE1Ljk2OTU5LDEzLjE2OTQ2N0MxNi4xMjAwNSwxMy4wMjUxODE2LDE2LjM0Mjg2LDEyLjk2NzMzMzMsMTYuNTUyNDUsMTMuMDE4MDc3MkMxNi43NjE5Njk5OTk5OTk5OTgsMTMuMDY4ODU3OCwxNi45MjU2NSwxMy4yMjAzNDUsMTYuOTgwNDUsMTMuNDE0MzYxQzE3LjAzNTMyLDEzLjYwODM0LDE2Ljk3Mjc4LDEzLjgxNDY2LDE2LjgxNjk4LDEzLjk1Mzk1M0wxMi40NDY0OCwxOEwxNi44MTY5OCwyMi4wNDYwNVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzE0NTVGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;display:inline-block;margin:4px 5px}
.service-product-entrance-comp .component-footer .view-more-link:focus-visible{outline:revert;outline-offset:2px}
@media screen and (max-width:750.98px){.service-product-entrance-comp{width:100%;padding:6.6667vw 4.2667vw;margin:0 auto}
.service-product-entrance-comp .component-title{font-size:5.6vw;line-height:1.2;margin-bottom:5.3333vw}
.service-product-entrance-comp .component-describe{font-size:3.2vw;line-height:1.66;margin-bottom:8vw}
.service-product-entrance-comp .service-product-list{gap:2.1334vw}
.service-product-entrance-comp .service-product-item{flex:1 1 calc(50% - 1.0667vw);width:calc(50% - 1.0667vw)}
.service-product-entrance-comp .service-product-list.is-singular-list .service-product-item:first-child{flex:1 1 100%;width:calc(50% - 1.0667vw)}
.service-product-entrance-comp .service-product-list.is-singular-list .service-product-item:first-child .background-wrap{aspect-ratio:343 / 166}
.service-product-entrance-comp .service-product-list.is-singular-list .service-product-item:first-child .background-wrap img{border-radius:2.1334vw}
.service-product-entrance-comp .service-product-list.is-singular-list .service-product-item:first-child .content-wrap{padding:4vw 6.266vw 0 4vw}
.service-product-entrance-comp .service-product-item .content-wrap{padding:4vw 4vw 0 4vw}
.service-product-entrance-comp .service-product-item .service-product-name{font-size:3.7333vw;line-height:1.28;display:-webkit-box;max-height:10.6667vw;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.service-product-entrance-comp .service-product-item .service-product-name-tag{padding:.5333vw 1.3333vw}
.service-product-entrance-comp .service-product-item .service-product-name-tag .product-tag-text{font-size:3.7333vw;line-height:1.28}
.service-product-entrance-comp .service-product-item .service-product-description{font-size:2.9333vw;line-height:1.36;margin-top:1.3333vw;max-height:8vw;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.service-product-entrance-comp .service-product-item .service-product-price.price-single{font-size:3.2vw;line-height:1.33;margin-top:2.6667vw;margin-bottom:2.6667vw}
.service-product-entrance-comp .service-product-item .service-product-price.price-mix{margin-top:3.0667vw;margin-bottom:3.0667vw}
.service-product-entrance-comp .service-product-item .service-product-price.price-mix .price-tag{font-size:2.6667vw;line-height:1.4;padding:.5333vw 1.8666vw .5333vw 1.3333vw}
.service-product-entrance-comp .service-product-item .service-product-price.price-mix .price-text{font-size:3.7333vw;line-height:1.28;padding:.4vw 1.3333vw}
.service-product-entrance-comp .service-product-item .service-product-buy-btn{font-size:3.2vw;line-height:1.3;border-radius:8px;padding:1.3333vw 2.6667vw}
.service-product-entrance-comp .service-product-item .service-product-img-wrap{width:69%;right:0}
.service-product-entrance-comp .service-product-list.is-singular-list .service-product-item:first-child .service-product-img-wrap{right:0}
.service-product-entrance-comp .service-product-item .background-wrap{aspect-ratio:67 / 93}
.service-product-entrance-comp .service-product-item .service-product-bg-color{width:100%;height:100%;border-radius:16px}
.service-product-entrance-comp .component-footer{margin-top:4.9333vw}
.service-product-entrance-comp .component-footer .view-more-link{font-size:3.2vw;line-height:1.33}
.service-product-entrance-comp .component-footer .view-more-link::after{width:3.2vw;height:3.2vw;margin:.5333vw}
}
@media screen and (min-width:751px) and (max-width:1439.98px){.service-product-entrance-comp{width:97.222vw;padding:3.4723vw 0}
.service-product-entrance-comp .component-title{font-size:2.2857vw;line-height:1.25;margin-bottom:1.5714vw}
.service-product-entrance-comp .component-describe{font-size:1.1428vw;line-height:1.5;margin-bottom:4.2857vw}
.service-product-entrance-comp .service-product-list{gap:1.1428vw}
.service-product-entrance-comp .service-product-item{flex:1 1 calc(50% - 0.5714vw);width:calc(50% - 0.5714vw)}
.service-product-entrance-comp .service-product-list.is-singular-list .service-product-item:first-child .content-wrap{width:calc(50% - 0.5714vw)}
.service-product-entrance-comp .service-product-item .content-wrap{padding:2.1428vw 3.5714vw 0}
.service-product-entrance-comp .service-product-item .service-product-name{font-size:2vw;line-height:1.28}
.service-product-entrance-comp .service-product-item .service-product-name-tag{border-radius:8px;padding:.28vw .714vw}
.service-product-entrance-comp .service-product-item .service-product-name-tag .product-tag-text{font-size:1.4285vw;line-height:1.4}
.service-product-entrance-comp .service-product-item .service-product-description{margin-top:1.4285vw;font-size:1.4285vw;line-height:1.4}
.service-product-entrance-comp .service-product-item .service-product-price.price-single{font-size:2vw;line-height:1.28;margin-top:2.1428vw;margin-bottom:2.1428vw}
.service-product-entrance-comp .service-product-item .service-product-price.price-mix{margin-top:1.7143vw;margin-bottom:2.1428vw}
.service-product-entrance-comp .service-product-item .service-product-price.price-mix .price-tag{padding:.28vw 1.4285vw .28vw .7142vw;font-size:1.4285vw;line-height:1.4}
.service-product-entrance-comp .service-product-item .service-product-price.price-mix .price-text{font-size:2vw;line-height:1.28;padding:.2142vw 1vw}
.service-product-entrance-comp .service-product-item .service-product-buy-btn{padding:.7142vw 1.4285vw;font-size:1.4285vw;line-height:1.4}
.service-product-entrance-comp .service-product-item .service-product-img-wrap{right:3.5714vw}
.service-product-entrance-comp .service-product-list.is-singular-list .service-product-item:first-child .service-product-img-wrap{right:10.1428vw}
.service-product-entrance-comp .component-footer{margin-top:3.5714vw}
.service-product-entrance-comp .component-footer .view-more-link{font-size:1.1428vw;line-height:1.5}
.service-product-entrance-comp .component-footer .view-more-link::after{width:1.1428vw;height:1.1428vw;margin:.2857vw}
}