@import '../../../function/px_function.scss';

.cs-footer {
  height: px(110);
  background: #fff;
  &__item {
    overflow: hidden;
    box-sizing: border-box;
    color: #666666;
    position: relative;

    &--active {
      color: #65de70;
    }
  }
  &__fullimage {
    display: none;
    max-width: 100%;
    max-height: 100%;
    &--active {
      display: inline-flexbox;
    }
  }
  &__icon {
    // height: px(50);
    // max-width: 100%;
    // width: px(50);
    // min-width: px(50);
    margin: 0 auto;
  }
  &__iconContainer {
    font-size: 0;
    position: relative;
  }
  &__image {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    &__img {
      max-width: px(50);
      max-height: px(50);
    }
  }
  &__text {
    height: px(36);
    font-size: px(24);
    text-align: center;
  }

  &__badge {
    position: absolute;
    top: px(-6);
    right: px(-18);
    z-index: 5;
    min-width: px(36);
    // width: px(50);
    height: px(36);
    padding-left: px(8);
    padding-right: px(8);
    background-color: #ff4a4d;
    border-radius: px(18);
  }
}