.ssm-wb-banner {
  & > .m-swiper {
    width: 100vw;
    height: calc(100vw / 2.23) !important;
    max-height: calc(100% / 2.23) !important;

    .adm-swiper-indicator {
      bottom: 12px;
      left: 90% !important;
    }

    .m-img {
      width: 100vw;
      height: calc(100vw / 2.23) !important;
    }
  }

  .m-ft {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--content-default-size, 15px);
    color: #000;
    padding: 12px 16px;
    background: #edf6fe;

    & > label {
      flex: 1;
      font-weight: var(--font-weight);
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    & > i {
      display: flex;
      align-items: center;
      color: var(--clr-main);
      font-style: normal;
      margin: 0 0 0 12px;
      font-size: var(--desc-default-size, 12px);
      line-height: 1;

      & > .m-icon {
        height: 12px;
        width: 12px;
        padding-left: 2px;
        filter: var(--fil-main);
      }

      // load-file {
      //   width: var(--desc-default-size, 12px);
      //   height: var(--desc-default-size, 12px);
      //   &::part(svg) {
      //     width: 100%;
      //     height: 100%;
      //   }
      //   &::part(path) {
      //     fill: #518cfc;
      //   }
      // }
    }
  }
}