/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

.depth_wrap > span{display:none; padding:0 1.3rem; color:#525252; font-size:14px; margin:26px 0; }
.depth_wrap .page_location{ padding: 0 1.3rem; display:none;}

.depth_wrap .SMS_Category_list{ }
.depth_wrap .SMS_Category_list .CateInBody{ padding: 0 1.3rem;}
.depth_wrap .SMS_Category_list .CateInBody ul{ display: flex; align-items: baseline; flex-wrap: wrap;}
.depth_wrap .SMS_Category_list .CateInBody li{width:calc((100% - 20px) / 3); margin-right:10px; margin-bottom:32px;}
.depth_wrap .SMS_Category_list .CateInBody li:nth-child(3n){margin-right:0;}
.depth_wrap .SMS_Category_list .CateInBody li a{font-size: 15px; display: inline-block; text-align:left; width:100%; color:#000; font-weight:400;}
.depth_wrap .SMS_Category_list .CateInBody li a img{width: 100%; display: block; margin-bottom: 12px; border-radius:7px; border:solid 1px #e2e2e2;}
.depth_wrap .SMS_Category_list .CateInBody li a.sel{ font-weight: 600; position: relative;}
.depth_wrap .SMS_Category_list .CateInBody li a.sel img{border:solid 1px #000;}
.depth_wrap .SMS_Category_list .CateInBody li a .desc{display:inline-block; width:17px; height:17px; position:relative; margin-left:6px; vertical-align:bottom; border:solid 1px #a2a2a2; border-radius:50%; text-align:center;}
.depth_wrap .SMS_Category_list .CateInBody li a .desc > span:first-child{color:#a2a2a2; font-size:13.5px; vertical-align:super;}
.depth_wrap .SMS_Category_list .CateInBody li a .desc > span:last-child{position:absolute; top:100%; transform:translateY(10px); display:none;}
.depth_wrap .SMS_Category_list .CateInBody li a .desc.on > span:last-child{display:block; padding:8px 24px 8px 8px; background:rgba(0,0,0,0.6); color:#fff; width:170px; line-height:1.4; border-radius:7px;}
.depth_wrap .SMS_Category_list .CateInBody li a .desc.on > span:last-child::after{content: ''; position: absolute; bottom: 100%; left:59px; transform: translateX(-50%); border-width:7px; border-style: solid; border-color: transparent transparent rgba(0,0,0,0.6) transparent;}
.depth_wrap .SMS_Category_list .CateInBody li a .desc.on > span:last-child .close{width:8px; height:8px; background-image:url(/design/jmomall/ECHO/uiux/icon/icon_close.svg); background-size:contain; background-repeat:no-repeat; background-position:center center; display:block; position:absolute; right:8px; top:8px; filter: invert(100%) sepia(9%) saturate(7473%) hue-rotate(233deg) brightness(121%) contrast(112%);}

.depth_wrap .SMS_Category_list .CateInBody li:nth-child(3n - 2) a .desc.on > span:last-child{left:0; transform:translate(-30%, 10px);}
.depth_wrap .SMS_Category_list .CateInBody li:nth-child(3n - 1) a .desc.on > span:last-child{left:0; transform:translate(-30%, 10px);}
.depth_wrap .SMS_Category_list .CateInBody li:nth-child(3n) a .desc.on > span:last-child{left:0; transform:translate(-70%, 10px);}
.depth_wrap .SMS_Category_list .CateInBody li:nth-child(3n) a .desc.on > span:last-child::after{left:127px;}


.list_shopping2x{display:none;}

.recommend_content{width:100%;}
.recommend_content > img{width:100%;}
.recommend_content > a > img{width:100%;}

.recommend_content .menu{width:100%;}
.recommend_content .menu ul{display:flex;}
.recommend_content .menu ul li{width:50%; position:relative; font-size:15px; font-weight:400; color:#fff; text-align:center; background:#BF214B; padding:12px 0;}
.recommend_content .menu ul li:first-child::after{content:''; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:12px; background:#fff;}

.prd_list_clone{margin:0 1.3rem; border:solid 1px rgba(226, 226, 226, 0.3); box-shadow:0 4px 13px rgba(0,0,0,0.05); border-radius:18px; margin-bottom:60px;}
.prd_list_clone > p{font-size:24px; font-family: "Marcellus", serif; padding:22px 16px;}
.prd_list_clone > span{padding:16px; display:block; font-size: 16px; line-height: 1.4;}
.prd_list_clone .swiper{margin-bottom:40px;}
.prd_list_clone .swiper:not( :has(.swiper-button-lock)){padding-bottom:60px; }
.prd_list_clone .swiper-slide a{display:block;}
.prd_list_clone .swiper-slide a .thumb{width:100%; border:solid 1px #e2e2e2; border-radius:12px; overflow:hidden; margin-bottom:12px;}
.prd_list_clone .swiper-slide a .thumb img{width:100%;}

.prd_list_clone .swiper-button-next{right:1.3rem;}
.prd_list_clone .swiper-button-prev{left:auto; right:calc(1.3rem + 40px);}
.prd_list_clone .swiper-button-next, 
.prd_list_clone .swiper-button-prev{width:30px; height:30px; background:#525252; border-radius:50%; top:auto; bottom:0;}

.prd_list_clone .swiper-button-next.swiper-button-disabled, 
.prd_list_clone .swiper-button-prev.swiper-button-disabled{opacity:1; background:#f1f1f1;}

.prd_list_clone .swiper-button-next.swiper-button-disabled::after, 
.prd_list_clone .swiper-button-prev.swiper-button-disabled::after{ color:#000;}

.prd_list_clone .swiper-button-next::after, 
.prd_list_clone .swiper-button-prev::after{color:#fff; font-size:11px;}
/* BASIC css end */