.top-box {
  width: 100%;
  height: 32.407vw;
  background: #f1f0f5;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-gap: 2.778vw;
  padding: 2.778vw; }
  .top-box div {
    height: 12.037vw;
    width: 29.63vw;
    font-size: 3.241vw;
    background: #ffffff;
    border-radius: 1.389vw;
    padding: 0 8.333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #666666; }
  .top-box div:nth-child(1) {
    padding: 0 3.704vw; }
  .top-box div:nth-child(4) {
    padding: 0px; }
  .top-box div.active {
    background: #d1201a; }
    .top-box div.active a {
      color: #ffffff; }

.text-body {
  padding: 2.778vw 0px;
  background: #f1f0f5; }

.text-box .text-title {
  height: 12.037vw !important;
  line-height: 12.037vw !important; }

.text-box .text-title p {
  border-bottom: none !important; }

.list {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  background: #fff; }
  .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 a {
        color: #000000; }
      .list .list-item div img {
        height: 3.889vw;
        width: auto;
        margin-right: 1.852vw; }
      .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; }
    .list .list-item div:nth-child(1) {
      width: 70%; }
    .list .list-item div:nth-child(2) a {
      color: #c5c5c5;
      font-size: 2.963vw; }