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

.root {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;

  .gameCanvas {
    position: absolute;
    left: 0;
    top: 50%;
    width: 750px;
    height: 100vh;
    //touch-action: auto !important;
    transform: translateY(-50%);
  }

  .backBtn {
    position: absolute;
    left: 40px;
    top: 128px;
    width: 30px;
    height: 44px;
    .webpBg("GamePage/返回.png");
  }

  .cd {
    position: absolute;
    left: 629px;
    top: 94px;
    width: 101px;
    height: 101px;
    .webpBg("GamePage/倒计时背景.png");

    color: rgb(46, 76, 208);
    font-size: 30px;
    font-weight: bold;
    text-align: center;

    display: flex;
    align-items: center;
    justify-content: center;
  }

  .tipBtn {
    position: absolute;
    left: 575px;
    bottom: 50px;
    width: 139px;
    height: 176px;
    .webpBg("GamePage/提示.png");
  }

  .title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100px;
    width: 160px;
    height: 61px;
    object-fit: contain;

  }

}
