page {
  background-color: #ffab00;
}

.bg {
  position: relative;
  background-image: url('https://pic.imgdb.cn/item/6697c1bbd9c307b7e97c2665.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 1800px;

  .box {
    position: absolute;
    top: 378px;
    left: 50%;
    transform: translate(-50%, 0);
    .tc {
      height: 365px;
      width: 575px;
    }

    .textBg {
      background-image: url('https://pic.imgdb.cn/item/6697d455d9c307b7e9932fbc.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
      font-weight: bolder;
      font-size: 60px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  }

  .btn {
    background-image: url('https://pic.imgdb.cn/item/6697c87fd9c307b7e984a370.png');
    background-size: 100% 100%;
    width: 600px;
    height: 130px;
    position: absolute;
    top: 760px;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .img {
    background-image: url('https://pic.imgdb.cn/item/6697c956d9c307b7e985b5b9.png');
    background-size: 100% 100%;
    width: 700px;
    height: 500px;
    position: absolute;
    top: 950px;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .img1 {
    background-image: url('https://pic.imgdb.cn/item/6697c956d9c307b7e985b5c0.png');
    background-size: 100% 100%;
    width: 700px;
    height: 500px;
    position: absolute;
    top: 1500px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
