* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

main {
  position: relative;
  width: 1920px;
  height: 1080px;
  background-image: url(assets2/bg.jpg);
  background-size: 100% 100%;
  transform-origin: top left;
}

.icon {
  position: absolute;
  width: 80px;
  cursor: pointer;
}

.icon-1 {
  top: 336px;
  left: 1297px;
}

.icon-2 {
  top: 341px;
  left: 538px;
}

.icon-3 {
  top: 448px;
  left: 249px;
}

.icon-4 {
  top: 565px;
  left: 66px;
}

.icon-5 {
  top: 455px;
  left: 1588px;
}

.icon-6 {
  top: 248px;
  left: 920px;
}

.icon-7 {
  top: 580px;
  left: 1771px;
}

.mask {
  z-index: 9;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mask {
  display: none;
}

.mask.active {
  display: block;
}

.warn-alert img {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 200px;
}

.leichi-alert img {
  position: fixed;
  top: 67%;
  right: 400px;
  transform: translate(0%, -50%);
  width: 400px;
}

.leichi-alert video {
  position: fixed;
  top: 68.3%;
  right: 407px;
  transform: translate(0%, -50%);
  width: 388px;
}

.chouxiang-alert img {
  position: fixed;
  top: 60%;
  left: 600px;
  transform: translate(0%, -50%);
  width: 400px;
}

.chouxiang-alert video {
  position: fixed;
  top: 61%;
  left: 605px;
  transform: translate(0%, -50%);
  width: 388px;
}

audio {
  position: fixed;
  top: -9999px;
  left: -9999px;
}

.menghe-content {
  position: fixed;
  left: 160px;
  bottom: 80px;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  overflow: hidden;
}

.menghe-alert img {
  position: absolute;
  width: 450px;
  height: 450px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.menghe-alert video {
  position: absolute;
  width: 400px;
  height: 400px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.muyu-alert img {
  position: fixed;
  top: 56%;
  right: 20%;
  cursor: pointer;
  width: 150px;
}

.game-alert img {
  position: fixed;
  top: 65%;
  right: 689px;
  transform: translate(0%, -50%);
  width: 550px;
}

.game-alert iframe {
  position: fixed;
  top: 66.5%;
  right: 698px;
  transform: translate(0%, -50%);
  width: 530px;
  height: 600px;
}

.yuyinliuyan-alert img {
  position: fixed;
  top: 58%;
  left: 20%;
  width: 150px;
  cursor: pointer;
}

.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}