*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.report{
 width: 100vw;
 height: 100vh;
 background: url('../images/report_bg.jpg') no-repeat center center;
 background-size: 100% 100%;
 position: relative;
 max-width: 450px;
 margin: auto;

}
.report_content{
    position: absolute;
    top: 8%;
    left: 0%;
    width: 100%;
}
.report_fx{
    width: 190px;
    height: 214px;
    background: url('../images/report_fx.png') no-repeat center center;
    background-size: 100% 100%;
    margin: auto;
}
.report_title{
    width: 100%;
    height: 60px;
    background: url('../images/report_title.png') no-repeat center center;
    background-size: 100% 100%;
}
.report_input{
    width: 100%;
    padding: 0 20px;
    margin-top: 20px;
}
.report_field{
    width: 100%;
    height: 44px;
    background: url('../images/report_field.png') no-repeat center center;
    background-size: 100% 100%;
    border: none;
    outline: none;
    text-align: center;
    font-size: 16px;
    color: #fff;
 
   
 
}
.report_btn{
    width: 100%;
    height: 55px;
    background: url('../images/report_btn.png') no-repeat center center;
    background-size: 100% 100%;
    margin-top: 20px;
    animation: report_btn_animation 2s infinite;
}
@keyframes report_btn_animation{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(1);
    }
}
.loading{
  width: 100%;
  height: 150px;
  display: none;
}
.loading_img{
  width: 100%;
  height: 100%;
}
.result-btn{
  width: 100%;
  height: 40px;

  margin-top: 20px;
  padding: 0px 20px;
  display: none;
}
.result-btn-text{
    width: 100%;
    height: 150px;
    background: url('../images/analysis-2.png') no-repeat center center;
    background-size: 100% 100%;
    transform: scale(1.2);
}
.result-btn-img{
    width: 100%;
    height: 40px;
  cursor: pointer;
  animation: report_btn_animation 2s infinite;
}