@import "../../../../style/CommonStyle.module.less";
@import "../../../../style/utils.module.less";

.itemList {
  width: 100%;
  justify-content: center;
  left: 0;
  bottom: 200px;
  > li {
    margin: 10px;
    .size(@w:242px, @h:242px);
    > img {
      border-radius: 0px;
    }

    &.videoBox {
      .size(@w:430px, @h:242px);

      z-index: 10;
      &:focus {
        &::after {
          .focused(@borderRadius: 0px);
          z-index: 10;
        }
      }
    }
  }
}
@media (min-width: 1280px) {
  .videoBox {
    width: 288apx !important;
    height: 162apx !important;
  }
}
@media (min-width: 1920px) {
  .videoBox {
    width: 430px !important;
    height: 242px !important;
  }
}
.videoModal {
  &::after {
    .focused(@boxShadow:0px, @borderRadius: 0px);
  }

  > div {
    overflow: hidden;
  }
}
