/* BASIC css start */
#ep-header #certain-tab {
  position: fixed;
  top: 0;
  left: 0;
  width: 25%;
  min-width:350px;
  z-index: 1;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all var(--speed);
  background: black;
  box-sizing: border-box;
  padding: var(--p-4) var(--p-2) var(--p-2);
  pointer-events: none;
  border: none;
  text-align: left;
}

#ep-header .header-menu:hover #certain-tab {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 2;
}

#ep-header #certain-tab p {
  font-size: var(--f-1);
  display: block;
  padding:5px 0;
  color: white;
  cursor: pointer;
}

#ep-header #certain-tab.shop-tab div {
  padding: 0 0 var(--p-1);
}

#ep-header #certain-tab p a {
  font-size: var(--f-1);
  display: block;
  padding: 0;
  color: white;
  opacity: 1;
}

#ep-header #certain-tab a {
  font-size: var(--f-0);
  display: block;
  padding: 0 0 var(--p-0);
  color: white;
  opacity: 0.6;
  transition: all var(--speed);
}

#ep-header #certain-tab a:hover {
  opacity: 1;
}

#ep-header #certain-tab a:after {
  display: none;
}

#ep-header #certain-tab span {
  display: block;
  font-size: 0;
  padding: 0 0 var(--p-2);
}
#certain-tab> .cateW > ul{margin-top:30px;}
#certain-tab> .cateW > ul:nth-child(1){margin-top:0;}
#certain-tab> .cateW > ul > li:not(.BrandCertain) {
    display: none;
}

/* BASIC css end */