body {
  background: url("../assets/home/bg.png") no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  height: 100%;
  overflow: hidden;
}

header {
  position: absolute;
  left: 0.5rem;
  top: 0.3rem;
}
header img {
  width: 6rem;
}
.title {
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.title img {
  width: 12.88rem;
}

.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.content div {
    height: .7rem;
    line-height: .3rem;
}

.content img {
    filter: brightness(10.5);
    -webkit-filter: brightness(10.5);
    -moz-filter: brightness(10.5);
    -ms-filter: brightness(10.5);
    -o-filter: brightness(10.5);
    width: .47rem;
}

.content p {
    font-size: .35rem;
    display: inline-block;
}

.btn {
    background-image: url('../assets/home/btn.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 3.35rem;
    height: 1.93rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transition: all .3s linear;
}

.btn:hover {
    cursor: pointer;
    background-image: url('../assets/home/btn-click.png');
}