html, body{overflow-x: hidden;}

.stiky_foot{ background-color: #fff; position: fixed; bottom: 0; width: 100%; z-index: 999; display: flex; padding: 10px 0; box-shadow: -9px 0px 15px #00000033;}
.stiky_foot .wrapper{ flex-wrap: nowrap;}
.stiky_foot_item{ border-radius: 10px;  color: #5C6772; font-size: 12px;   display: flex; flex-direction: column;    flex: 1;    align-items: center; padding: 0 15px; text-align: center;}
.stiky_foot_item img{ width: 30px; margin: 10px;}
.stiky_foot_item:hover,.stiky_foot_item.active{ background-color: #EDEDF4;}
.stiki-line{ height: 90px; width: 1px; background: #E3E3E3; margin: 2px 5px;}
.stiky_foot_item.premim_card{ background-color: #474D9B; color: #fff; min-width: 150px;}
.stiky_foot_item.premim_card:hover{background-color: #2E3483; }


.showcase{ gap:20px;   flex-wrap: wrap!important;}
.showcase_card{   display: flex;flex-direction: column; flex: 1; min-width: 23%; position: relative;}
.showcase_btn{ flex: 100%; background:#474D9B ; color: #E3E3E3; font-size: 18px; text-align: center; border-radius: 8px; max-height: 40px; min-height: 40px;  border: none;  }
.showcase_btn:hover{ background-color:#2e3270 ;   }
.showcase_title{ font-size: 20px; margin-bottom: 10px;}
.showcase_club-price{ font-size: 16px; background-color: #FF3843; padding: 5px 8px 4px; border-radius: 4px; color: #fff; margin: 5px 0;}
.showcase_price{ font-size: 28px; color: #192B3F; font-weight: 500; display: flex; gap: 10px;align-items: center;}
.showcase_price span{ font-size: 20px; color: #6d7883; font-weight: 400;text-decoration: line-through;}
.showcase_lost{ font-size: 14px; color:#5C6772; margin-bottom: 10px;}
.lost{ width: 100%; background-color: #B0BBC6; height: 3px;}.lost_line{background-color: #474D9B; height: 3px;}
.showcase_card  .img-wrapper{ overflow: hidden; border:1px solid #E5DFDA; background-color:  #B0BBC6; border-radius: 15px; height: 200px;}.showcase_card  .img-wrapper img{ width: 100%;}
.showcase_tips{position: absolute; top: 20px; left: 20px; width: 90%;   flex: 100%; display: flex;justify-content: space-between; z-index: 10;}
.showcase_tips .hot{border-radius: 8px; background-color: #FF3843; color: #fff; font-size: 16px; padding: 5px 10px;}
.showcase_tips .favor{ display: block; background: url(/design/default/images/like.svg) no-repeat center center; cursor:pointer; width: 30px; height: 30px; margin-right: 10px; border-radius: 100%; background-color: #fff; background-size: 60%;}
.showcase_tips .favoractive{ display: block; background: url(/design/default/images/like.svg) no-repeat center center; cursor:pointer; width: 30px; height: 30px; margin-right: 10px; border-radius: 100%; border: 1px solid red; background-size: 60%;}
.showcase_card .hvr__dot{    width: 15px;    height: 3px;    margin: 4px 5px 2px;    border-radius: 2px;}



.header__head{    background-color: #F8F8FA!important;  }
 .header__catlist li{ background-color: #ECECF1!important;  width: 190px!important;  overflow: hidden; height: 80px!important;  border: 15px!important; position: relative;}
 .header__catlist li:hover{ background-color: #dedee6!important;  }
 .header__catlist li img{position: absolute; right: 0; bottom: -5px; margin-right: 0px;}
  .header__catlist li a:hover{ background-color: transparent!important;}

  .header__catlist .slick-list.draggable::after{height: 100%!important;}