.list {
  background: #fff;
  margin-bottom: 2.778vw; }
  .list .list-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.778vw;
    border-bottom: 1px solid #eeeeee; }
    .list .list-item div {
      display: flex;
      align-items: center;
      font-size: 3.889vw; }
      .list .list-item div img {
        height: 3.889vw;
        width: auto;
        margin-right: 1.852vw; }
    .list .list-item div:nth-child(1) {
      width: 80%; }
      .list .list-item div:nth-child(1) span {
        display: inline-block;
        width: 0.278vw;
        height: 5.093vw;
        background: #d3d3d3;
        margin: 0px 2.778vw; }
    .list .list-item #tab1 {
      position: relative; }
      .list .list-item #tab1 div {
        position: relative; }
      .list .list-item #tab1 div.active::after {
        content: " ";
        display: block;
        width: 22.87vw;
        height: 0.185vw;
        position: absolute;
        bottom: -2.778vw;
        left: 0px;
        background: #d11f1b; }
    .list .list-item #tab1.active::after {
      content: " ";
      display: block;
      width: 22.87vw;
      height: 0.185vw;
      position: absolute;
      bottom: -2.778vw;
      left: 0px;
      background: #d11f1b; }
    .list .list-item div:nth-child(2) a {
      color: #c5c5c5;
      font-size: 2.963vw; }
  .list .list-body {
    display: flex;
    padding: 3.704vw;
    height: 37.963vw;
    justify-content: space-between; }
    .list .list-body .list-body-item {
      width: 28.796vw;
      height: 100%;
      display: flex;
      justify-content: space-around;
      align-items: center;
      background: #eeedf2;
      flex-flow: column nowrap; }
      .list .list-body .list-body-item .img-box {
        height: 8.333vw;
        transform: translateY(2.778vw);
        display: flex;
        justify-content: center;
        align-items: center; }
        .list .list-body .list-body-item .img-box img {
          width: 8.333vw; }
  .list .list-item-tb {
    display: grid;
    padding: 2.778vw;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 2.778vw; }
    .list .list-item-tb div {
      width: 100%;
      height: 15.926vw;
      display: flex;
      align-items: center; }
      .list .list-item-tb div img {
        margin-left: 3.704vw;
        height: 7.407vw; }
      .list .list-item-tb div a {
        color: #fff;
        width: 80%;
        font-size: 3.241vw;
        text-align: center; }
    .list .list-item-tb div:nth-child(1) {
      background: #1c84c6; }
    .list .list-item-tb div:nth-child(2) {
      background: #1ab493; }
    .list .list-item-tb div:nth-child(3) {
      background: #fe9c42; }
    .list .list-item-tb div:nth-child(4) {
      background: #c61109; }

.sever-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  border-top: 1px solid #eee;
  background: #fff;
  margin: 2.778vw 0px; }
  .sever-list .list-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.778vw;
    border-bottom: 1px solid #eeeeee; }
    .sever-list .list-item div {
      display: flex;
      align-items: center;
      font-size: 3.889vw; }
      .sever-list .list-item div img {
        height: 3.889vw;
        width: auto;
        margin-right: 1.852vw; }
    .sever-list .list-item div:nth-child(1) {
      width: 70%; }
    .sever-list .list-item div:nth-child(2) a {
      color: #c5c5c5;
      font-size: 2.963vw; }
  .sever-list .sever-item {
    padding: 2.778vw;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 2.778vw;
    border-bottom: 1px solid #eeeeee; }
    .sever-list .sever-item > div {
      display: flex;
      flex-flow: column nowrap;
      align-items: center;
      justify-content: space-around; }
      .sever-list .sever-item > div > a {
        font-size: 0px; }
      .sever-list .sever-item > div img {
        width: 100%;
        height: auto; }
      .sever-list .sever-item > div .text-bottom {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 3.241vw;
        padding-top: 2.778vw; }
        .sever-list .sever-item > div .text-bottom img {
          height: 1.481vw;
          width: auto;
          margin-right: 1.852vw; }
        .sever-list .sever-item > div .text-bottom text {
          font-size: 1re; }
        .sever-list .sever-item > div .text-bottom a {
          display: block;
          width: 37.037vw;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }

.list .list-item div p {
  width: 0.926vw;
  height: 0.926vw;
  border-radius: 50%;
  background: #E20;
  margin-right: 1.852vw; }

.list .list-item div a {
  font-size: 3.241vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }