.validate-normal .layui-form-item {
  margin-bottom: 30px;
}

.validate-normal input.error {
  border-color: #ff7200 !important;
}

.validate-normal input.valid {
  border-color: #5da559 !important;
}

.validate-normal .validate-success,
.validate-normal .validate-error {
  position: relative;
  text-align: center;
  padding: 5px;
}

.validate-normal .validate-success label,
.validate-normal .validate-error label {
  right: 0;
}

.validate-normal label.error {
  position: absolute;
  color: #ff7200;
  position: absolute;
  top: -20px;
  font-size: 12px;
  left: 0;
  line-height: 18px;
}

.validate-normal label.error:before {
  display: inline-block;
  vertical-align: -5px;
  content: '';
  width: 18px;
  height: 18px;
  background: url(../images/icon_tip.png) 0 center no-repeat;
}

.validate-normal .validate-success label.error {
  color: #5da559;
}

.validate-normal .validate-success label.error:before {
  background: url(../images/icon_success.png) 0 center no-repeat;
}