style.css

.preload img {
  width: 100%;
}
.btn-container {
  cursor: pointer;
  position: relative;
}
.btn-container .normal {
  width: 100%;
}
.btn-container .hover {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: 'Microsoft YaHei', arial, Helvetica;
}
.main-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.main-container .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-container .bg .slider img {
  position: absolute;
  width: auto;
  top: 50%;
  left: 50%;
  margin-top: -540px;
  margin-left: -960px;
}
.main-container .tip-love {
  position: absolute;
  top: 50px;
  left: 100px;
  width: 200px;
}
.main-container .tip-love img {
  opacity: 0;
  visibility: hidden;
}
.main-container .title-love {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -293.5px;
  margin-top: -150px;
}
.main-container .title-love img {
  opacity: 0;
  visibility: hidden;
}
.main-container .content {
  position: absolute;
  width: 600px;
  height: 700px;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  margin-top: -350px;
  opacity: 0;
}
.main-container .content .cursor {
  position: relative;
  width: 2px;
  height: 18px;
  top: 3px;
  display: inline-block;
  background: red;
}
.main-container #heart {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  margin-top: -300px;
}
.main-container #snow {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -960px;
  margin-top: -540px;
  visibility: hidden;
  opacity: 0;
}
.main-container audio {
  visibility: hidden;
}
.main-container .btn-left {
  position: absolute;
  top: 45%;
  left: 5%;
  width: 1%;
  opacity: 0;
  visibility: hidden;
}
.main-container .btn-right {
  position: absolute;
  top: 45%;
  right: 5%;
  width: 1%;
  opacity: 0;
  visibility: hidden;
}