*, *:before, *:after {
  box-sizing: border-box;
}

ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.w33, .w50, .w100 {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.w33 {
  width: 33.33%;
}

.w50 {
  width: 50%;
}

.w100 {
  width: 100%;
}

.h5-generator-nav {
  height: 60px;
  border-bottom: 1px solid #dddddd;
}

.h5-generator {
  position: relative;
}

.h5-generator-config {
  float: left;
  width: 50%;
  height: 100%;
  border-right: 1px solid #ddd;
}

.h5-generator-config-inner {
  padding: 0 15px;
}

.form {
  padding-top: 40px;
}

.form-section-title {
  padding: 0 10px;
}

.form-group {
  overflow: hidden;
  width: 100%;
  margin-bottom: 15px;
}

.form-group > .dt {
  float: left;
  width: 20%;
  height: 36px;
  line-height: 36px;
  padding-right: 15px;
}

.form-group > .dd {
  float: left;
  width: 80%;
}

.form-group > .dt.dt12 {
  width: 12%;
}

.form-group > .dt.dt15 {
  width: 15%;
}

.form-group > .dt.dt25 {
  width: 25%;
}

.form-group > .dd.dd75 {
  width: 75%;
}

.form-group > .dt.dt50 {
  width: 50%;
}

.form-group > .dd.dd50 {
  width: 50%;
}

.form-group input.form-control {
  width: 100%;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #dddddd;
  border-radius: 4px;
}

.h5-generator-preview {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
}

.h5-generator-phone {
  position: absolute;
  width: 375px;
  height: 637px;
  border: 1px solid #dddddd;
  margin-left: -187.5px;
  margin-top: -318.5px;
  top: 50%;
  left: 50%;
}

/*# sourceMappingURL=app.css.map */