.shop-magic-wrapper {
  overflow: hidden;

  > div {
    overflow: hidden;
  }

  &:after {
    content: '';
    display: block;
    clear: both;
  }

  .shop-magic-item {
    > div {
      width: 100%;
      padding-top: 100%;
      position: relative;
    }

    .shop-magic-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

  }
}

@import "./commen/magic";
@import "./twoItem/index";
@import "./threeItem/index";
@import "./fourItem/index";
@import "./oneLeftThreeRight/index";
@import "./oneLeftTwoRight/index";
@import "./oneUpTwoDown/index";
@import "./twoLeftTwoRight/index";