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

.pagebox {
  width: 100vw;
  height: 100vh;
  left: 0px;
  top: 0px;
  position: absolute;
  overflow: hidden;
}

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

  .bg {
    width: 750px;
    height: 1624px;
    left: 0px;
    top: 0px;
    position: absolute;
    .sparkBg("CreditsPage/bg.png");
  }

  .back {
    width: 62px;
    height: 61px;
    left: 28px;
    top: 143px;
    position: absolute;
    .sparkBg("CreditsPage/back.png");
  }

  .creditsbg {
    width: 354px;
    height: 196px;
    left: 198px;
    top: 267px;
    position: absolute;
    .sparkBg("CreditsPage/creditsbg.png");
  }

  .credits {
    width: 354px;
    height: 38px;
    left: 198px;
    top: 372px;
    text-align: center;
    position: absolute;
    font-size: 51px;
    line-height: 38px;
    color: rgba(241, 61, 61, 1);
  }

  .showlist {
    width: 699px;
    height: 110px;
    left: 26px;
    top: 518px;
    position: absolute;
    overflow-y: scroll;

    .item {
      width: 699px;
      height: 110px;
      left: 0px;
      top: 0px;
      position: relative;
      display: block;

      .itemtime {
        width: 363px;
        height: 15px;
        left: 41px;
        top: 48px;
        position: absolute;
        font-size: 20px;
        line-height: 15px;
        color: rgba(158, 158, 158, 1);
      }

      .itemname {
        width: 531px;
        height: 50px;
        left: 40px;
        top: 0px;
        position: absolute;
        font-size: 30px;
        line-height: 29px;
        color: rgba(41, 41, 41, 1);
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .cutshow {
        width: 105px;
        height: 21px;
        left: 575px;
        top: 21px;
        position: absolute;
        font-size: 28px;
        line-height: 21px;
        color: rgba(110, 70, 38, 1);
      }

      .addshow {
        width: 105px;
        height: 21px;
        left: 575px;
        top: 21px;
        position: absolute;
        font-size: 28px;
        line-height: 21px;
        color: rgba(239, 59, 59, 1);
      }

      .line {
        width: 699px;
        height: 2px;
        left: 0px;
        top: 108px;
        position: absolute;
        opacity: 0.16;
        .sparkBg("CreditsPage/line.png");
      }
    }
  }
}