.text-30 {
    font-size: 30px;
}
.text-14 {
    font-size: 14px;
}
.text-12 {
    font-size: 12px;
}
.text-18 {
    font-size: 18px;
}
.text-gray {
    color: #999
}
.text-black {
    color: #333;
}
.ml-10 {
    margin-left: 10px;
}
.mt-10 {
    margin-top: 10px;
}
.flex {
    display: flex;
}
.flex-row {
    flex-direction: row;
}
.flex-column {
    flex-direction: column;
}
.justify-between {
    justify-content: space-between;
}
.justify-center {
    justify-content: center;
}
.justify-end {
    justify-content: flex-end;
}
.items-center {
    align-items: center;
}
.items-start {
    align-items: flex-start;
}
.flex-1 {
    flex: 1;
}
.flex-2 {
    flex: 2;
}
.flex-3 {
    flex: 3
}
.border-right {
    border-right: 1px solid #e5e5e5;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.title-box[data-v-1b6352f5] {
  width: 70%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-gap: 40px 60px;
}