.main {
  width: 100%;
  background: #f7f7f7;
}

.my-position {
  height: 47px;
  line-height: 47px;
  color: #757575;
  font-size: 14px;
  _float: left;
}

.main .content {
  box-sizing: border-box;
  padding: 10px 20px;
  background: #ffffff;
}

.main .content .title {
  height: 84px;
  line-height: 84px;
  color: #222222;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.content-table {
  width: 100%;
}

.content-table tr {
  height: 40px;
  font-size: 16px;
  color: #333333;
}

.content-table thead tr {
  height: 54px;
  background: #2d5c9a;
  color: #ffffff;
  font-size: 20px;
}

.content-table tr td.center {
  text-align: center;
}

.content-table tr .first {
  width: 190px;
}

.content-table tr .second {
  width: 300px;
  padding-left: 50px;
}

.content-table tbody tr:nth-child(odd) {
  background: #ffffff;
}

.content-table tbody tr:nth-child(even) {
  background: #e7eef7;
}

.content-table tbody tr:hover {
  background: #c3d3e7;
}