.col-1,
.col-10,
.col-11,
.col-12,
.col-13,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    float: left;
    display: inline-block;
}

.col-1 {
    width: calc(8.33333333%);
}

.col-2 {
    width: calc(16.66666667%);
}

.col-3 {
    width: calc(25%);
}

.col-4 {
    width: calc(33.33333333%);
}

.col-5 {
    width: calc(41.66666667%);
}

.col-6 {
    width: calc(50%);
}

.col-7 {
    width: calc(58.33333333%);
}

.col-8 {
    width: calc(66.66666667%);
}

.col-9 {
    width: calc(75%);
}

.col-10 {
    width: calc(83.33333333%);
}

.col-11 {
    width: calc(91.66666667%);
}

.col-12 {
    width: calc(100%);
}
.col-13 {
    width: calc(20%);
}

.newgridman{
  margin-top: 1px;
  background: url(zf.png) no-repeat;
  width: 100%;
  padding: 15px 10px 3px 10px;
  background-size: 100%;
}
.t-c{
	text-align: center;
}
.newgridman .title{
  color: #fff;
  font-size: .86rem;
  padding: 3px 10px;
  margin: 15px 3px;
  line-height: 20px;
  border-radius: 5px;
  border:1px solid rgb(226, 226, 226);
}
.img01 {
    width: 3rem;
    height: auto;
}
.info-base-box{
  font-size: 20px;
  font-weight: bold;
}
.house{
  width: 5rem;
  height: 5rem;
}
.success{
  color: #18bc9c;
}
.info {
    color: #3498db;
}
.warning {
    color: #f39c12;
}
.primary {
    color: #007bff;
}
.mr5{margin-right: 5px;}
.f20{
  font-size: 20px;
}
.f14{
  font-size: 14px;
}