.contact {
  padding: .4rem 0 2.23rem;
}

.commonh2 {
  margin-bottom: .78rem;
}

.listItem {
  margin-bottom: .9rem;
}

.listItem .tit {
  font-weight: 500;
  font-size: 0.26rem;
  color: #FFFFFF;
  margin-bottom: .46rem;
}

.listItem .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: .73rem;
  row-gap: .34rem;
}

.listItem .list .item {
  width: 4.3rem;
  min-height: 2.7rem;
  background: #303030;
  padding: .3rem .24rem .55rem .2rem;
}

@media screen and (max-width:1440px){
    .listItem .list .item{
        max-width: 3.95rem;
    }
}

.listItem .list .item .head {
  width: 100%;
  font-weight: 500;
  font-size: 0.2rem;
  color: #DCDCDC;
  padding-bottom: .18rem;
  border-bottom: 1px solid #A4A4A4;
  margin-bottom: .18rem;
}

.listItem .list .item .body {
  font-weight: 400;
  font-size: 0.16rem;
  color: #DCDCDC;
  line-height: 0.3rem;
}

@media screen and (max-width:1024px){
    .listItem .list{
        grid-template-columns: repeat(2, 1fr);
        column-gap: .4rem;
    }
    .listItem .list .item{
        width: 100%;
        max-width: 3.3rem;
    }
    .listItem .list .item .head{
        font-size: .28rem;
    }
    .listItem .list .item .body{
        font-size: .24rem;
        white-space: wrap;
        word-break: break-all;
    }
}