微信小程序为什么姓名和后面的框框对不齐

姓名：


电话：


地址：


机型:


轴位：


故障：


日期：



生成

  </view>
</form>

/* pages/name02/name02.wxss */

page{
height: 100%;
overflow-y: hidden;
}
.container{
display: flex;
justify-content: center;

}
image{
height:100%;
width: 100%;
}
.formGroup{
position: absolute;
top: 15%;

}
input{background-color:whitesmoke;
width: 400rpx;
height: 30px;
font-size: 18px;
margin-top: -15px;
margin-left: 60px;
border-radius: 5px;
padding: 5px 10px;

}
button{
display: inline-block;
height: 40px;
line-height: 40px;
width: 45%;
color: rgb(255, 255, 255);
background-color: rgb(0, 108, 217);
font-size: 20px;

}
.btnGroup{
display: flex;
justify-content: space-between;
width: 100%;
margin-top: 30px;
}
.wz{
font-size: 20px;
line-height:20px;
}