#history_page {
  /* padding-left: 0!important;
  padding-right: 0!important; */
  margin-bottom: 48px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  #history_page #box {
    width: calc(100% - 290px);
    float: left;
  }
  #history_page .olistBox {
    margin-top: 59px;
  }
}
@media only screen and (max-width: 768px) {
  #history_page #box {
    padding: 10px 30px;
  }
  #history_page .olistBox {
    margin-top: 20px;
  }
}
#history_page .first {
  height: 48px;
  margin-left: 15px;
  padding-left: 32px;
  border-left: 2px solid #DDDDDD;
}
#history_page .hisCon {
  padding: 0 0 70px 32px;
  border-left: 2px solid #DDDDDD;
  line-height: 30px;
  position: relative;
}
#history_page .circleIcon {
  position: absolute;
  top: 0;
  left: -11px;
}
@media only screen and (max-width: 1200px) {
  #history_page .circleIcon {
    top: -27px;
  }
}
#history_page .date {
  width: 82px;
  padding: 0;
  padding-left: 13px;
}