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

.CompositePanel {
  width: 750px;
  height: 1624px;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);

  .CompositeBg {
    position: absolute;
    left: 0;
    top: 260px;
    width: 750px;
    height: 966px;
  }

  .CompositePanel_title {
    font-size: 60px;
    color: rgb(255, 255, 255);
    text-align: center;
    position: absolute;
    left: 0;
    top: 483.38px;
    width: 750px;
    font-weight: bold;
  }

  .card {
    position: absolute;
    width: 199px;
    height: 269px;
    pointer-events: none;
  }

  .card1 {
    left: 162px;
    top: 577px;
  }

  .card2 {
    left: 391px;
    top: 577px;
  }

  .CompositeEffect {
    position: absolute;
    left: 0;
    top: 53px;
    width: 750px;
    height: 1318px;
  }

  .posterDiv {
    position: absolute;
    left: 0;
    top: 0;
    width: 750px;
    height: 1624px;

    .poster {
      position: absolute;
      left: 75px;
      top: 213px;
      width: 598px;
      height: 1037px;
    }

    .posterSvga {
      position: absolute;
      left: 75px;
      top: 213px;
      width: 598px;
      height: 1037px;
    }

    .posterBtn {
      position: absolute;
      left: 230px;
      top: 1275px;
      width: 300px;
      height: 77px;
      .webpBg("PosterPanel/收起海报.png");
    }
  }

}
