.con .c_c .c1_item {
  border-top: 2px solid #e2e2e2;
}
.con .c_c .c1_item:last-child {
  border-bottom: 2px solid #e2e2e2;
}
.con .c_c .c1_item:not(:first-child) .mes {
  display: none;
}
.con .c_c .itemTit {
  cursor: pointer;
}
.con .c_c .itemTit img {
  transition: all 0.3s linear;
  transform: rotate(180deg);
}
.con .c_c .itemTit.active img {
  transform: rotate(0);
}
.con .c_c .mes .txt {
  max-width: calc(100% - 100px);
}
.con .c_c .mes li {
  list-style-type: disc;
  margin-left: 1em;
}
.con .c_c .mes .slc {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.con .c_c .mes .slc p {
  flex: calc((100% - 12px) / 4);
  padding: 14px 10px;
  background: #f6f6f8;
  color: #666;
  text-align: center;
}
@media only screen and (max-width: 1800px) {
  .con .c_c .itemTit img {
    width: 30px;
  }
  .con .c_c .mes .txt {
    max-width: calc(100% - 10%);
  }
}
@media only screen and (max-width: 1200px) {
  .con .c_c .itemTit img {
    width: 20px;
  }
  .con .c_c .mes .txt {
    max-width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .con .c_c .mes .slc p {
    flex: 0 0 auto;
    width: calc((100% - 8px) / 2);
  }
}