@charset "utf-8";

.product-recommend[data-v-5b9013df] { margin-top: 28px; width: 100%; }

.product-recommend .header[data-v-5b9013df] { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-bottom: 8px; }

.product-recommend .header .title[data-v-5b9013df] { color: rgb(25, 25, 26); font-size: 14px; font-weight: 600; line-height: 22px; }

.product-recommend .header .pagination-controls[data-v-5b9013df] { -webkit-box-pack: justify; justify-content: space-between; width: 48px; }

.product-recommend .header .pagination-controls[data-v-5b9013df], .product-recommend .header .pagination-controls .swiper-btn[data-v-5b9013df] { display: flex; -webkit-box-align: center; align-items: center; height: 20px; position: relative; }

.product-recommend .header .pagination-controls .swiper-btn[data-v-5b9013df] { border-radius: 4px; cursor: pointer; width: 20px; -webkit-box-pack: center; justify-content: center; }

.product-recommend .header .pagination-controls .swiper-btn[data-v-5b9013df]:hover { background: rgb(242, 242, 242); }

.product-recommend .header .pagination-controls .swiper-btn:hover .iconfont[data-v-5b9013df] { color: rgb(25, 25, 26); }

.product-recommend .header .pagination-controls .swiper-btn.recommend-btn-prev[data-v-5b9013df] { left: 0px; }

.product-recommend .header .pagination-controls .swiper-btn.recommend-btn-next[data-v-5b9013df] { right: 0px; }

.product-recommend .header .pagination-controls .swiper-btn.swiper-button-disabled[data-v-5b9013df] { cursor: default; }

.product-recommend .header .pagination-controls .swiper-btn.swiper-button-disabled[data-v-5b9013df]:hover { background: transparent; }

.product-recommend .header .pagination-controls .swiper-btn.swiper-button-disabled:hover .iconfont[data-v-5b9013df] { color: rgb(222, 224, 227); }

.product-recommend .header .pagination-controls .swiper-btn.swiper-button-disabled .iconfont[data-v-5b9013df] { color: rgb(222, 224, 227); }

.product-recommend .header .pagination-controls .swiper-btn[data-v-5b9013df]::after { display: none; }

.product-recommend .header .pagination-controls .swiper-btn .iconfont[data-v-5b9013df] { color: rgb(112, 112, 112); font-size: 12px; line-height: 1; }

.product-recommend .content[data-v-5b9013df] { position: relative; }

.product-recommend .content .package-card[data-v-5b9013df] { background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-radius: 8px; cursor: pointer; padding: 8px; position: relative; transition: 0.3s; }

.product-recommend .content .package-card .checkbox[data-v-5b9013df] { left: 8px; position: absolute; top: 8px; z-index: 1; }

.product-recommend .content .package-card .checkbox .iconfont[data-v-5b9013df] { color: rgb(216, 216, 216); display: block; font-size: 14px; line-height: 1; }

.product-recommend .content .package-card .checkbox .iconfont.active[data-v-5b9013df] { color: rgb(75, 75, 77); }

.product-recommend .content .package-card .checkbox .iconfont[data-v-5b9013df]:hover { color: rgb(75, 75, 77); }

.product-recommend .content .package-card .card-content[data-v-5b9013df] { display: flex; gap: 8px; }

.product-recommend .content .package-card .card-content .product-image[data-v-5b9013df] { height: 64px; margin-left: 14px; mix-blend-mode: multiply; width: 64px; }

.product-recommend .content .package-card .card-content .product-info[data-v-5b9013df] { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; color: rgb(25, 25, 26); justify-content: space-between; }

.product-recommend .content .package-card .card-content .product-info .product-title[data-v-5b9013df] { display: -webkit-box; font-size: 12px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.product-recommend .content .package-card .card-content .product-info .product-price[data-v-5b9013df] { font-size: 14px; font-weight: 600; line-height: 22px; }

.product-recommend .content .package-card[data-v-5b9013df]:hover { background-color: rgb(242, 242, 242); }

.product-recommend .content .package-card.selected[data-v-5b9013df] { background-color: rgb(242, 242, 242); border-color: rgb(25, 25, 26); }

.product-recommend .m-list[data-v-5b9013df] { display: grid; gap: 12px; }

.product-recommend .m-list .m-item[data-v-5b9013df] { background: rgb(255, 255, 255); border: 1px solid rgb(222, 224, 227); border-radius: 8px; display: flex; padding: 8px 16px 8px 8px; -webkit-box-align: center; align-items: center; gap: 8px; }

.product-recommend .m-list .m-item .pic[data-v-5b9013df] { height: 64px; mix-blend-mode: multiply; width: 64px; }

.product-recommend .m-list .m-item .text[data-v-5b9013df] { -webkit-box-flex: 1; color: rgb(25, 25, 26); flex: 1 1 0%; }

.product-recommend .m-list .m-item .text .title[data-v-5b9013df] { font-size: 12px; line-height: 20px; }

.product-recommend .m-list .m-item .text .price[data-v-5b9013df] { font-size: 14px; font-weight: 600; line-height: 22px; margin-top: 2px; }

.product-recommend .m-list .m-item .checkbox .iconfont[data-v-5b9013df] { color: rgb(216, 216, 216); display: block; font-size: 14px; line-height: 1; }

.product-recommend .m-list .m-item .checkbox .iconfont.active[data-v-5b9013df] { color: rgb(75, 75, 77); }

.product-recommend .m-list .m-item[data-v-5b9013df]:hover { background-color: rgb(242, 242, 242); }

.product-recommend .m-list .m-item.selected[data-v-5b9013df] { background-color: rgb(242, 242, 242); border-color: rgb(25, 25, 26); }

.product-recommend .empty-card[data-v-5b9013df] { pointer-events: none; visibility: hidden; }

@media (max-width: 960px) {
  .product-recommend[data-v-5b9013df] { margin-top: 16px; padding: 0px 16px; }
}