body {
  background: #f3f3f3; }

.content {
  margin: 20px 0 50px 0; }

.timeLine {
  width: 200px;
  float: left;
  background-color: #fff; }
  .timeLine .timeLine-header {
    font-size: 18px;
    background-color: #f52f3e;
    color: #fff; }
  .timeLine .dotUl {
    background: url(/19train/images/timeLineBg.png) no-repeat;
    background-position-x: 4px; }
  .timeLine .dotUl li {
    background: url(/19train/images/timeLineDot.png) no-repeat;
    background-position-y: 7.5px;
    text-indent: 20px;
    margin-bottom: 15px;
    line-height: 25px; }
    .timeLine .dotUl li.item a {
      font-size: 18px; }
    .timeLine .dotUl li.child a {
      font-size: 14px; }
    .timeLine .dotUl li.active {
      background-position-y: 8px !important; }
    .timeLine .dotUl li.curr a {
      color: #f52f3e; }
  .timeLine .dotUl li.child {
    background: none; }
  .timeLine .dotUl li:last-child {
    margin-bottom: 0px;
    padding-bottom: 15px; }
  .timeLine .dotUl li.active {
    color: #f52f3e;
    background: url(/19train/images/timeLineDotActive.png) no-repeat;
    background-position-x: -1px;
    background-position-y: 4px; }
    .timeLine .dotUl li.active a {
      color: #f52f3e; }

.list-wrap {
  float: right;
  width: 980px;
  background: #fff;
  padding: 20px; }
  .list-wrap .list-item {
    margin-bottom: 20px;
    line-height: 26px; }
    .list-wrap .list-item:last-child {
      margin-bottom: 0; }
  .list-wrap .item-left {
    width: 80%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .list-wrap .item-left a {
      font-size: 16px;
      color: #323232; }
      .list-wrap .item-left a:hover {
        color: #f52f3e; }
  .list-wrap .item-right {
    width: 20%;
    float: right;
    text-align: right;
    color: #a5a5a5;
    font-size: 12px; }

/*# sourceMappingURL=list-timeline.css.map */