/* 职位库 */
.listTitle {
  padding: 36px 0 30px;
}

.listTitle h3, .listTitle span {
  float: left;
  width: 19%;
  height: 80px;
  margin-right: 0.7%;
  border: 1px solid #eee;
  border-radius: 8px;
  text-align: center;
  box-sizing: border-box;
}

.listTitle h3 {
  padding: 0 10px;
  display: table;
}

.listTitle h3 strong {
  font-size: 18px;
  display: table-cell;
  vertical-align: middle;
}

.listTitle span {
  width: 15.5%;
  height: 80px;
  font-size: 18px;
  line-height: 80px;
}

.listTitle span:nth-child(6) {
  margin-right: 0;
}

.listTitle span strong {
  font-size: 24px;
  margin-right: 5px;
  color: #fd822f;
}

.listTitle span:nth-child(3) strong {
  color: #7363ed;
}

.listTitle span:nth-child(4) strong {
  color: #fc595b;
}

.listTitle span:nth-child(5) strong {
  color: #fdbd30;
}

.listTitle span:nth-child(6) strong {
  color: #2163c4;
}

.searchList li {
  float: left;
  width: 20%;
  height: 100px;
  border: 1px solid #ececec;
  box-sizing: border-box;
  transition: box-shadow .5s ease;
}

.searchList li a {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.searchList li:hover h4, .searchList li:hover p {
  color: #3a9ff9;
}

.searchList li:hover {
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1)
}

.searchList h4 {
  padding: 15px 15px 0;
  font-size: 16px;
  line-height: 24px;
}

.searchList p {
  padding-left: 15px;
  font-size: 14px;
  line-height: 30px;
  color: #999;
}

.tab-city {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 34px;
  text-align: center;
}

.tab-city li {
  display: inline-block;
  margin: 12px 20px 10px 0;
}

.tab-city li a {
  display: block;
  font-size: 16px;
  box-sizing: border-box;
}

.tab-city li.cur a {
  border-bottom: 1px solid #a3a3a3;
}

.tab-city li.cur a {
  font-size: 18px;
}

.tab-city-zw, .resultwrap-zw, .tab-city-wrap {
  display: none;
}

.tab-city-zw.active, .resultwrap-zw.active, .tab-city-wrap.active {
  display: block;
}

/* 分数库 */
.searchList-fs li {
  height: 80px;
}

.searchList-fs li a {
  height: 80px;
  display: table;
}

.searchList-fs h4 {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px;
}

.rank {
  margin-top: 20px;
  margin-bottom: 40px;
}

.rank li {
  float: left;
width: calc(16.25% - 2px);
  height: 136px;
  border: 1px solid #ececec;
  margin-right: .5%;
  border-radius: 6px;
}

.rank li a {
  display: block;
  margin-top: 36px;
  vertical-align: middle;
}

.rank li:last-child {
  margin-right: 0;
}

.rank li img {
  float: left;
  width: 70px;
  height: 65px;
  margin-left: 10%;
}

.rank li:last-child img {
  margin-top: 5px;
}

.rank_msg {
  float: left;
  width: calc(76% - 70px);
  margin-left: 10%;
}

.rank_msg p {
  font-size: 18px;
  font-weight: bold;
}

/* 默认适配屏幕最小1710px */
@media screen and (min-width: 1200px) and (max-width: 1709px) {
  .searchList li, .searchList li a {
    height: 130px;
  }

  .searchList-fs li {
    height: 90px;
  }
}

/* 适配手机 */
@media screen and (max-width: 1199px) {
  .listTitle {
    padding: 1rem 0;
  }

  .listTitle h3 {
    display: none;
  }

  .listTitle span {
    width: 19.5%;
    height: 3rem;
    padding-top: .5rem;
    margin-right: .625%;
    font-size: .6rem;
    line-height: 1rem;
  }

  .listTitle span strong {
    display: block;
    font-size: .7rem;
    margin-right: 0;
  }

  .searchList li {
    float: left;
    width: 25%;
    height: 3rem;
    overflow: hidden;
  }

  .searchList h4 {
    height: 2rem;
    padding: .5rem .2rem 0;
    font-size: .5rem;
    line-height: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .searchList p {
    display: none;
  }

  .tab-city li {
    margin: .5rem .25rem 0 0;
  }
  .tab-city li:last-child{
    margin-right: 0;
  }
  .tab-city li a {
    padding: 0 .5rem;
    font-size: .6rem;
  }

  .tab-city li.cur a {
    font-size: .7rem;
  }
  .tab-city li.cur a:hover{
    color: #000;
  }
  .tab-city {
    padding-bottom: .5rem;
    text-align: left;
  }

  .rank {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .rank li {
    width: calc(49% - 2px);
    height: 8rem;
    margin-right: 2%;
    margin-bottom: .5rem;
  }

  .rank li:first-child img {
    margin-top: .9rem;
  }

  .rank li:nth-child(even) {
    margin-right: 0;
  }

  .rank li a {
    display: block;
    width: 100%;
    margin-top: 1rem;
  }

  .rank li img {
    float: none;
    display: block;
    width: 2.8rem;
    height: auto;
    margin: 1rem auto .7rem auto;
  }

  .rank_msg {
    float: none;
    width: 100%;
    margin-left: 0;
    line-height: 1rem;
    text-align: center;
  }
}