@import "../../res.less";

.shouYe {
  position: relative;
  width: 750px;
  min-height: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;

  .beiJing {
    display: block;
    width: 750px;
    height: auto;
  }

  .activityInfo {
    left: 0;
    top: 450px;
    position: absolute;

    .item {
      position: absolute;
    }

    .item_0 {
      width: 240px;
      height: 318px;
      left: 247px;
      top: 0px;
      position: absolute;
    }

    .item_1 {
      width: 250px;
      height: 290px;
      left: 23px;
      top: 142px;
      position: absolute;
    }

    .item_2 {
      width: 239px;
      height: 317px;
      left: 489px;
      top: 142px;
      position: absolute;
    }

    .item_3 {
      width: 302px;
      height: 322px;
      left: 223px;
      top: 303px;
      position: absolute;
    }
  }

  .bannerInfo {
    width: 636px;
    height: auto;
    left: 50%;
    top: 1552px;
    position: absolute;
    transform: translateX(-50%);
  
    .scroll-wrapper {
      width: 100%;
      height: 242px;
      display: flex;
      overflow-x: scroll;
      overflow-y: hidden;
    }

    .scroll-wrapper1 {
      margin-bottom: 195px;
    }

    .scroll-wrapper2 {
      margin-bottom: 222px;
    }

    .scroll-wrapper-center {
      justify-content: center;
    }

    .banner {
      display: block;
      width: 184px;
      height: 242px;
      margin: 0 10px;
      flex-shrink: 0;
    }

   .banner img{
     width: 100%;
     height: 100%;
     display: block;
   }
  }

  .share {
    width: 88px;
    height: 45px;
    top: 81px;
    right: 0;
    position: absolute;
    .sparkBg("首页/分享.png");
  }

  img {
    width: 100%;
    height: auto;
  }
}
