.shop-tabs {
  display: flex;
  width: calc(100vw - 20px);
  height: 56px;
  background: #edeff3;
  border-radius: 12px;
  justify-content: space-around;
  align-items: center;
  .tab {
    display: flex;
    width: calc((100vw - 20px - 8px - 3px) / 2);
    height: 48px;
    justify-content: center;
    align-items: center;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #7a7e8d;
    &.active {
      background: #ffffff;
      border-radius: 8px;
      color: #323337;
    }
    img {
      width: 20px;
      height: 20px;
      margin-right: 8px;
    }
  }
}