* {

  margin: 0;

  padding: 0;

}

body {

  width: 100%;

  height: 100vh;

}

a{

  text-decoration: none;

}

a:hover{

  color: initial;

}

.container {

  position: relative;

  width: 19.2rem;

  height: 100%;

  background: url(../imgs/bg.png) center center no-repeat;

  background-size: 100% 100%;

}

.container .title{

  position: absolute;
  display: flex;
  flex-direction: column;

  top: 16%;

  left: 0;

  width: 100%;

  text-align: center;

  letter-spacing: 5px;

  font-size: 0.6rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #fff;

}
.container .title span{
  font-size: 0.2rem;
  /* line-height: 10px; */
  letter-spacing: 3px;
font-weight: 400;
}

.container .footer {

  position: absolute;

  bottom: 6%;

  left: 50%;

  margin-left: -3.08rem; 

  width: 6.16rem;

  height: 0.5rem;

  line-height: 0.5rem;

  text-align: center;

  font-size: 0.26rem;

  color: #fff;

  background: url(../imgs/bg_footer.png) center center no-repeat;

  background-size: 100% 100%;

}