.text-body {
  padding: 1.852vw 2.778vw; }
  .text-body .list-item {
    display: flex;
    height: 11.111vw;
    justify-content: space-between;
    align-items: center; }
    .text-body .list-item .test-test {
      font-size: 3.241vw;
      width: 71.667vw;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #333333; }
      .text-body .list-item .test-test .test-img {
        display: inline-block;
        vertical-align: middle;
        margin: 0 1.389vw;
        width: 0.556vw;
        height: 0.556vw;
        background: #c7100a;
        border-radius: 50%; }
    .text-body .list-item .test-time {
      font-size: 3.148vw;
      width: 18.111vw;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #bbbbbb; }

.top-box-zp {
  width: 100%;
  height: 17.593vw;
  background: #f1f0f5;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-gap: 2.778vw;
  padding: 2.778vw; }
  .top-box-zp div {
    height: 12.037vw;
    width: 100%;
    font-size: 3.241vw;
    background: #ffffff;
    border-radius: 1.389vw;
    padding: 0 10.185vw;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    color: #666666; }
    .top-box-zp div img {
      height: 5.278vw; }
  .top-box-zp div.active {
    background: #d1201a; }
    .top-box-zp div.active a {
      color: #ffffff; }