.dec-shopFront {
  .type {
    font-size: 0;
  }
  .image {
    width: 100%;
    min-height: 60 * @rpx;
  }
  .wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0 10 * @rpx;
    box-sizing: border-box;
  }
  .logo {
    height: 60 * @rpx;
    width: 60 * @rpx;
    flex-shrink: 0;
    margin-right: 10 * @rpx;
    overflow: hidden;
    font-size: 0;
  }
  .img {
    height: 60 * @rpx;
    width: 60 * @rpx;
  }
  .info {
    width: 100%;
  }
  .name {
    color: #ffffff;
    font-size: @font-big;
    line-height: 1;
    margin-bottom: 10 * @rpx;
    display: block;
  }
  .intro {
    color: #ffffff;
    line-height: 1;
    display: block;
  }

  .type1 {
    position: relative;
    .wrap {
      position: absolute;
      left: 0;
      bottom: 10 * @rpx;
    }
  }
  .type2 {
    .wrap {
      position: relative;
      top: -30 * @rpx;
    }
    .intro {
      color: @color-text;
    }
  }
  .type3 {
    .wrap {
      flex-wrap: wrap;
      justify-content: center;
      margin-top: -30 * @rpx;
      padding-bottom: 20 * @rpx;
    }
    .logo {
      margin-right: 0;
    }
    .name {
      text-align: center;
      color: @color-text;
      margin-top: 10 * @rpx;
    }
    .intro {
      text-align: center;
      color: @color-text;
    }
  }
  .type4 {
    position: relative;
    .wrap {
      width: 100%;
      flex-wrap: wrap;
      justify-content: center;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
    .logo {
      margin-right: 0;
    }
    .name {
      text-align: center;
      margin-top: 10 * @rpx;
    }
    .intro {
      text-align: center;
    }
  }
}
