.component.recommend[data-v-cc0bf596]{margin:60px 0}.component.recommend>.container[data-v-cc0bf596]{display:flex;align-items:center;flex-direction:column;justify-content:flex-start}.component.recommend>.container>h2[data-v-cc0bf596]{font-size:22px;line-height:1.2;font-weight:700;font-family:Inter}.component.recommend>.container>b[data-v-cc0bf596]{font-size:14px;font-weight:500;line-height:1.6;letter-spacing:.15%}.component.recommend>.container>div[data-v-cc0bf596]{width:100%;margin-top:34px;position:relative;padding:0 32px 50px;display:flex;align-items:flex-start;flex-direction:row;justify-content:center}.component.recommend>.container>div[data-v-cc0bf596]:before{left:0;bottom:0;width:100%;content:"";z-index:-1;position:absolute;border-radius:30px;display:inline-block;height:calc(100% - 40px);background-color:#f3f3f3}.component.recommend>.container>div>a[data-v-cc0bf596]{cursor:pointer;transition:.2s;overflow:hidden;max-width:320px;border-radius:30px;padding:0 25px 19px;background-color:#fff;width:calc(33.33333% - 20px);display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start}.component.recommend>.container>div>a[data-v-cc0bf596]:hover{transform:scale(1.05)}.component.recommend>.container>div>a~a[data-v-cc0bf596]{margin-left:30px}.component.recommend>.container>div>a>img[data-v-cc0bf596]{-o-object-fit:cover;object-fit:cover;margin-left:-25px;margin-right:-25px;aspect-ratio:320/180;width:calc(100% + 50px);-o-object-position:center center;object-position:center center}.component.recommend>.container>div>a>b[data-v-cc0bf596]{color:#e70012;font-size:14px;font-weight:500;line-height:1.6;letter-spacing:.15%;margin-top:21px;padding:4px 16px;border-radius:99px;display:inline-block;border:1px solid #e70012}.component.recommend>.container>div>a>h3[data-v-cc0bf596]{font-size:22px;line-height:1.2;font-weight:700;font-family:Inter;margin-top:7px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical}@media screen and (max-width:999px){.component.recommend>.container>h2[data-v-cc0bf596]{font-size:18px}.component.recommend>.container>b[data-v-cc0bf596]{font-size:14px}.component.recommend>.container>div[data-v-cc0bf596]{margin-top:20px;padding:0 24px 36px}.component.recommend>.container>div>a[data-v-cc0bf596]{padding:0 12px 24px;width:calc(33.33333% - 8px)}.component.recommend>.container>div>a~a[data-v-cc0bf596]{margin-left:12px}.component.recommend>.container>div>a>img[data-v-cc0bf596]{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)}.component.recommend>.container>div>a>b[data-v-cc0bf596]{margin-top:12px;padding:2px 12px;font-size:14px}.component.recommend>.container>div>a>h3[data-v-cc0bf596]{font-size:18px;-webkit-line-clamp:2}}@media screen and (max-width:743px){.component.recommend[data-v-cc0bf596]{margin:30px 0}.component.recommend>.container>div[data-v-cc0bf596]{padding:0 12px 32px;display:flex;align-items:center;flex-direction:column;justify-content:flex-start}.component.recommend>.container>div[data-v-cc0bf596]:before{left:auto;max-width:520px}.component.recommend>.container>div>a[data-v-cc0bf596]{width:100%}.component.recommend>.container>div>a~a[data-v-cc0bf596]{margin-left:0;margin-top:16px}}