.exp {
  top: 286px;
  left: 0px;
  width: 750px;
  height: 1624px;
  display: block;
  position: fixed;

  .exbg {
    width: 750px;
    height: 841px;
    opacity: 1;
    position: absolute;
    transform-origin: 0px 0px 0px;
  }

  .exchangeBg {
    width: 750px;
    height: 2000px;
    top: -444px;
    position: absolute;
    opacity: 0.8;
    background-color: black;
  }


  .energyn {
    width: 160px;
    height: 26px;
    opacity: 1;
    left: 300px;
    top: 655px;
    position: absolute;
    text-align: center;
    transform-origin: 0px 0px 0px;
    font-size: 28px;
    color: rgba(0, 66, 24, 1);
  }

  .goodsna {
    width: 375px;
    height: 30px;
    opacity: 1;
    left: 189px;
    top: 336px;
    text-align: center;
    position: absolute;
    transform-origin: 0px 0px 0px;
    font-size: 32px;
    color: rgba(0, 66, 24, 1);
  }

  .rewardi {
    width: 502px;
    height: 242px;
    opacity: 1;
    left: 124px;
    top: 393px;
    position: absolute;
    transform-origin: 0px 0px 0px;
  }

  .exclose {
    width: 62px;
    height: 62px;
    opacity: 0.4;
    left: 663px;
    top: 147px;
    position: absolute;
    transform-origin: 0px 0px 0px;
  }

  .exbtn {
    width: 463px;
    height: 132px;
    opacity: 1;
    left: 144px;
    top: 701px;
    position: absolute;
    transform-origin: 0px 0px 0px;
  }
}