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

.depth_wrap{width:720px; margin:0 auto;}
.depth_wrap > span{display:none; color:#525252; font-size:24px; margin-top:126px; margin-bottom:40px;}
.depth_wrap .page_location{display:none;}

.depth_wrap .list_desc_box{width:720px; margin:0 auto;}
.depth_wrap .list_desc_box .SMS_Category_list .CateInBody ul{ display: flex; align-items: baseline; flex-wrap: wrap;}
.depth_wrap .list_desc_box .SMS_Category_list .CateInBody li{width:calc((100% - 20px) / 3); margin-right:10px; margin-bottom:32px;}
.depth_wrap .list_desc_box .SMS_Category_list .CateInBody li:nth-child(3n){margin-right:0;}
.depth_wrap .list_desc_box .SMS_Category_list .CateInBody li a{font-size: 22px; display: inline-block; text-align:left; width:100%; color:#000; font-weight:400;}
.depth_wrap .list_desc_box .SMS_Category_list .CateInBody li a img{width: 100%; display: block; margin-bottom: 12px; border-radius:7px; border:solid 1px #e2e2e2;}
.depth_wrap .list_desc_box .SMS_Category_list .CateInBody li a.sel{ font-weight: 600; position: relative;}
.depth_wrap .list_desc_box .SMS_Category_list .CateInBody li a.sel img{border:solid 1px #000;}
.depth_wrap .list_desc_box .SMS_Category_list .CateInBody li a .desc{display:inline-block; width:23px; height:23px; position:relative; margin-left:6px; vertical-align:bottom; border:solid 1px #a2a2a2; border-radius:50%; text-align:center;}
.depth_wrap .list_desc_box .SMS_Category_list .CateInBody li a .desc > span:first-child{color:#a2a2a2; font-size:17px; vertical-align:super;}
.depth_wrap .list_desc_box .SMS_Category_list .CateInBody li a .desc > span:last-child{position:absolute; top:100%; transform:translateY(10px); display:none;}
.depth_wrap .list_desc_box .SMS_Category_list .CateInBody li a .desc.on > span:last-child{display:block; padding:12px 28px 12px 12px; background:rgba(0,0,0,0.6); color:#fff; width:200px; line-height:1.4; border-radius:7px; text-align:left; font-size:16px; word-break: keep-all; z-index:9;}
.depth_wrap .list_desc_box .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 .list_desc_box .SMS_Category_list .CateInBody li a .desc.on > span:last-child .close{width:12px; height:12px; 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 .list_desc_box .CateInBody li:nth-child(3n - 2) a .desc.on > span:last-child{left:0; transform:translate(-30%, 10px);}
.depth_wrap .list_desc_box .CateInBody li:nth-child(3n - 1) a .desc.on > span:last-child{left:0; transform:translate(-30%, 10px);}
.depth_wrap .list_desc_box .CateInBody li:nth-child(3n) a .desc.on > span:last-child{left:0; transform:translate(-70%, 10px);}
.depth_wrap .list_desc_box .CateInBody li:nth-child(3n) a .desc.on > span:last-child::after{left:127px;}


.item-cont{display:none;}

.recommend_content{width:720px; margin:0 auto;}
.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:20px; font-weight:400; color:#fff; text-align:center; background:#BF214B; padding:17px 0;}
.recommend_content .menu ul li:first-child::after{content:''; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:22px; background:#fff;}



.page-body{width:720px; margin:0 auto;}


.prd_list_clone{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:80px;}
.prd_list_clone > p{font-size:36px; font-family: "Marcellus", serif; padding:28px 24px;}
.prd_list_clone > span{padding:24px; display:block; font-size: 22px; line-height: 1.4;}
.prd_list_clone .swiper{margin-bottom:40px;}
.prd_list_clone .swiper:not( :has(.swiper-button-lock)){padding-bottom:110px; }
.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:18px;}
.prd_list_clone .swiper-slide a .thumb img{width:100%;}
.prd_list_clone .swiper-slide a .prd_info .name{font-size:18px;}

.prd_list_clone .swiper-button-next{right:24px;}
.prd_list_clone .swiper-button-prev{left:auto; right:94px;}
.prd_list_clone .swiper-button-next, 
.prd_list_clone .swiper-button-prev{width:50px; height:50px; 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:19px;}
/* BASIC css end */