@charset "utf-8";

#product {
  height: 100%;
  position: relative;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;

  .ant-anchor-link {
    padding: 0;
  }

  .am-tabs {
    margin-bottom: 15px;
  }

  .list {
    padding: 0px 15px 20px 15px;
    overflow: auto;
    flex: 1;

    .body {
      overflow-y: auto;
    }
  }

  .title {
    font-size: 16px;
    color: #1A1A1F;
    margin-bottom: 15px;
  }

  .service {
    display: flex;
    margin: 0 -4px;
    margin-bottom: 30px;

    .service-item {
      flex: 1;
      margin: 0 4px;
      background: rgba(247, 247, 247, 1);
      border-radius: 4px;
      position: relative;
      padding: 15px;
      font-size: 12px;
      line-height: 16px;

      .assets {
        width: 32px;
        height: 32px;
        position: absolute;
        top: 15px;
        right: 15px;
      }
    }
  }

  .banner {
    margin-bottom: 15px;
    width: 100%;
    background: rgba(216, 216, 216, 1);
    border-radius: 4px;
    overflow: hidden;
  }

  .more {
    color: #A7A7B7;
  }
}