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

body {
}
.main {
  width: 100vw;
  min-height: 100vh;
  background: url("../img/main_bg.gif") no-repeat;
  background-size: 100% 100%;
  max-width: 450px;
  margin: 0 auto;

  position: relative;
}
.main-box {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0px 20px;
}
.box {
  width: 100%;
  height: 260px;
  background: url("../img/main_box.png") no-repeat;
  background-size: 100% 100%;
  padding: 0px 12px;
  padding-top: 35%;
}
.info-box {
  width: 100%;
  height: 219px;
}
.input-text {
  width: 100%;
  height: 40px;
  border: none;
  outline: none;
  background: url("../img/input-box.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  color: #fff;
}
.info-btn {
  width: 100%;
  height: 46px;
  margin-top: 4%;
  animation: btn 2s infinite;
}
@keyframes btn{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.03);
    }
    100%{
        transform: scale(1);
    }
}