SOURCE

<div class="detail">
  <div class="box-item-main">
    <text class="title">
      {{title}}
    </text>
    <text class="desc">
      {{desc}}
    </text>
  </div>
  <div class="box-item-main">
    <text class="title">
      {{title}}
    </text>
    <text class="desc">
      {{desc}}
    </text>
  </div>
  <div class="box-item-main">
    <text class="title">
      {{title3}}
    </text>
    <text class="desc">
      {{desc3}}
    </text>
  </div>
  
  <div class="box-item-main">
    <text class="title">
      {{title4}}
    </text>
    <text class="desc">
      {{desc4}}
    </text>
  </div>
  
  <div class="box-item-main">
    <text class="title">
      {{title5}}
    </text>
    <text class="desc">
      {{desc4}}
    </text>
  </div>
  
</div>

.detail {
  flex-grow: 2;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-flow: row wrap;
  justify-content: space-between;
  /* background-color: #eef7ee; */
  border: 1px solid blue;
  
  margin-left: 60px;
  margin-right: 60px;
}

.box-item-main {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  border: 1px solid yellow;
  margin-top: 40px;
  
  width: 20%
}

.title {
  /*   margin-top: 36rpx;
  font-size: 32rpx;
  line-height: 32rpx;
  font-weight: bold;
  color: #222222; */
  height: 100px;
  width: 100px;
  border: 1px solid darkblue;
}

.desc {
  margin-top: 14rpx;
  font-size: 22rpx;
  border: 1px solid darkblue;
}