表单样式
/* 首页表单模块 */
.form-section{
padding-top: 120px;
}
/* 主标题 */
.form-section h1{
text-align: center;
font-size: 32px;
}
/* 首页表单 */
.form-section .form-list{
padding: 30px;
}
/* 首页表单-项 */
.form-section .form-item{
position: relative;
margin-bottom: 20px;
}
/* 首页-表单-选择输入*/
.form-section .form-item-select,.form-section .form-item-input{
display: inline-block;
width: 100%;
height: 40px;
line-height: 40px;
font-size: 18px;
padding-left: 15px;
border: 1px solid #e4e4e4;
}
/* 首页-表单-错误提示 */
.form-section .form-item-error{
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
color: red;
}
/* 首页-表单-提交按钮 */
.form-section .form-item button{
display: inline-block;
width: 100%;
height: 40px;
line-height: 40px;
font-size: 18px;
border: 1px solid #e4e4e4;
}
检查没有异常之后把错误提示隐藏
.form-section .form-item-error{
display:none;
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
color: red;
}