.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: baseline;
      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: 70%; }
    .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; }

.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; }
