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

.container {
  overflow: hidden;
  background-color: @background-color;
  &::after {
    content: " ";
    display: block;
    height: 80px;
  }
}
.goods-head {
  width: 100% !important;
  @{deep} & > div {
    width: 100% !important;
    z-index: 100;
  }
  @{deep} .cr-tabbar {
    background-color: @white;
    font-size: @font-size-16;
    padding: @padding-md + 0.5 0;
    border-bottom: 1px solid #e9e9e9;
    &-item {
      position: relative;
      color: @gray-5;
      &::after {
        position: absolute;
        left: -5px;
        bottom: -16px;
        // transition: width .2s linear;
        content: " ";
        display: block;
        width: 0;
        height: 4px;
        background: @orange-light;
        border-radius: @border-radius-lx;
      }
      &--active {
        color: @black;
        font-weight: @font-weight-bold;
        &::after {
          width: 40px;
        }
      }
    }
  }
}

