#info-content .base-info-list {
  width: 100%;
  margin-bottom: 18px;
}
#info-content .base-info-list:after {
  clear: both;
  content: ' ';
  display: table;
}
#info-content .base-info-list .base-info-item {
  float: left;
}
#info-content .base-info-list .base-info-item.base-col-4 {
  width: 50%;
}
#info-content .base-info-list .base-info-item.base-col-2,
#info-content .base-info-list .base-info-item.base-col-8  {
  width: 100%;
}

#info-content .base-info-list .base-info-item.base-col-2{
  display: flex;
}
#info-content .base-info-item.base-col-4:nth-child(1),
#info-content .base-info-item.base-col-4:nth-child(2) {
  border-top: 1px solid #ebeef5;
}
#info-content .base-info-item.base-col-4:nth-child(2n),
#info-content .base-info-item.base-col-2,
#info-content .base-info-item.base-col-8 {
  border-right: 1px solid #ebeef5;
}
#info-content .base-info-list .base-info-item > div {
  float: left;
  padding: 6px;
  height: 30px;
  line-height: 20px;
  border-left: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
}

#info-content .base-info-list .base-info-item.base-col-2 .base-info-label,
#info-content .base-info-list .base-info-item.base-col-2 .base-info-value{
  height: auto;
}

#info-content .base-info-list .base-info-item:after {
  clear: both;
}
#info-content .base-info-item .base-info-label {
  text-align: right;
  vertical-align: middle;
  background-color: #f7f7f7;
  color: #999;
}
#info-content .base-info-item.base-col-4 .base-info-label {
  width: 20%;
}
#info-content .base-info-item.base-col-2 .base-info-label,
#info-content .base-info-item.base-col-8 .base-info-label {
  width: 10%;
}
#info-content .base-info-item .base-info-value {
  text-align: left;
  vertical-align: middle;
  background-color: #fff;
  color: #222;
}
#info-content .base-info-item.base-col-2 .base-info-value {
  width: 90%;
}
#info-content .base-info-item.base-col-4 .base-info-value {
  width: 80%;
}
#info-content .base-info-item.base-col-8 .base-info-value {
  width: 15%;
}
#info-content .base-info-value.remark {
  word-break: break-word;
  white-space: pre-wrap;
}
#info-content .sub-grade-detail-table {
  margin-bottom: 0;
}
#info-content .sub-grade-detail-table thead tr th,
#info-content .sub-grade-detail-table tbody tr td {
  text-align: left !important;
  background: unset !important;
}
#info-content .sub-grade-detail-table thead tr th,
#info-content .textbook-table thead tr th {
  background-color: #f7f7f7 !important;
  color: #999;
}
#info-content .sub-grade-detail-table tbody tr td {
  color: #222 !important;
}