@import "../../style/var.less";
@import "../../style/mixins.less";

.container {
  overflow: hidden;
  background-color: @background-color;
}
.goods-head {
  width: 100% !important;
  @{deep} & > div {
    width: 100% !important;
    z-index: 100;
  }
  @{deep} .cr-tabbar {
    background-color: #f5f5f5;
    font-size: @font-size-16;
    padding: @padding-lg+1 0;
    &-item {
      position: relative;
      &::after {
        position: absolute;
        left: 0;
        top: 26px;
        // transition: width .2s linear;
        content: " ";
        display: block;
        width: 0;
        height: 4px;
        background: @orange-light;
        border-radius: @border-radius-lx;
      }
      &--active {
        font-weight: 600;
        &::after {
          width: 32px;
        }
      }
    }
  }
}

