/* BASIC css start */
#header {position: fixed; top: 0; left: 0; }
#header .WH {display:block !important; } 
#header .BK {display:none !important; }
#header .header_btm #hd_menu, #header .header_top .gnb li #hd_search_box .search_close_btn{color:#fff !important; }
#header .header_top .gnb li #hd_search_box input {border-color:#fff !important}
#header.headroom--not-top .WH {display:none!important; }
#header.headroom--not-top .BK {display:block!important; }
#header.headroom--not-top  .header_btm #hd_menu, #header.headroom--not-top  .header_top .gnb li #hd_search_box .search_close_btn{color:#000 !important; }
#header.headroom--not-top  .header_top .gnb li #hd_search_box input {border-color:#000 !important}

.cate_banner {position:relative; }
.cate_banner .txt {position:absolute; top:0; left:0; width:100%; height:100%; display:flex;align-items: flex-start;flex-direction: column;justify-content: center; box-sizing:border-box; padding:0 300px}
.cate_banner .txt .tt {font-size: 40px; color: #FFFFFF; font-weight:400}
.cate_banner .txt .des {font-size:20px; color:rgba(255,255,255,0.7); margin-top:24px; }
.cateSwiper  .swiper-slide img {width:100%}
.cate_banner .swiper-pagination {bottom: 20px !important;}
.cate_banner .swiper-pagination-bullet { background:rgba(255,255,255,0.5); border-radius: 100%; width: 8px; height: 8px; opacity:1}
.cate_banner .swiper-pagination-bullet-active { background:#000; margin-top: 0 !important }

.list_top {padding:48px 40px; ; }
.cate-wrap {margin-top:48px; }
.cate-wrap ul {display: flex;align-items: center;justify-content: center;}
.cate-wrap ul li a {display: flex;align-items: center;justify-content: center; height:54px; color:#999; font-size:20px; padding:0 24px }
.cate-wrap ul li.active a {color:#222}
.cate_sort { padding:40px 0 48px; display: flex;align-items: center;justify-content: space-between; box-sizing:border-box;}
.cate_sort .item-info {padding:0; margin:0; }
.cate_sort .item-info .item-total {font-size:16px; color:#222; font-weight:300 }
.cate_sort .item-info .item-total span {font-weight:bold; }
.sort-item-container ul {display: flex;align-items: center;}
.sort-item-container ul li {margin-right:24px; }
.sort-item-container ul li:last-child {margin-right:0}
.sort-item-container ul li a {font-size:16px; color:#222; font-weight:300}
.sort-item-container ul li a.selected {font-weight:bold; }




/* BASIC css end */