html,
body {
  min-height: 100%;
}
* {
  margin: 0;
  padding: 0;
}
/*ui-row 删格化布局*/
.ui-row:before,
.ui-row:after,
.ui-form:after,
.ui-form:after,
.panel-body:after,
.container:after,
.app-con:after,
.app-location:after,
.tab-body:after,
.tab-head:after,
.tab-item:after {
  content: "";
  display: table;
  clear: both;
}
.ui-row [class*="col-"],
.ui-form [class*="col-"] {
  float: left;
  min-height: 0.6rem;
  box-sizing: border-box;
}
.col-1 {
  width: 8.33333333%;
}
.col-2 {
  width: 16.66666667%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33333333%;
}
.col-5 {
  width: 41.66666667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33333333%;
}
.col-8 {
  width: 66.66666667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33333333%;
}
.col-11 {
  width: 91.66666667%;
}
.col-12 {
  width: 100%;
}
.col-2-4 {
  width: 20%;
}
.col-4-5 {
  width: 80%;
}