@media screen and (min-width: 960px) {

    .term,
    .standard {
      background-color: #fff;
      border-radius: 10px;
      box-shadow: 0 0 10px #ccc;
      padding: 0 20px 30px;
      margin-bottom: 30px;
    }

    .term .newTitle,
    .standard .newTitle {
      height: 80px;
      line-height: 80px;
    }

    .term .newTitle h2,
    .standard .newTitle h2 {
      background-color: #fff;
    }

    .list-term {}

    .list-term ul {
      display: flex;
      flex-wrap: wrap;
      border-left: 1px solid #f1f1f1;
      border-top: 1px solid #f1f1f1;
    }

    .list-term li {
      flex: 0 0 25%;
      border: 1px solid #f1f1f1;
      border-left: 0;
      border-top: 0;
      width: 280px;
      height: 70px;
      padding: 10px;
      transition: all .6s;
    }

    .list-term li a {
      display: flex;
      justify-content: flex-start;
    }

    .list-term li img {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      margin-right: 10px;
    }

    .list-term li div {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
    }

    .list-term li h3 {
      color: #333;
      font-size: 18px;
      font-weight: bold;
      transition: all .6s;
    }

    .list-term li p {
      color: #999;
      font-size: 14px;
    }

    .list-term li:hover {
      background-color: #f6f6f6;
    }

    .list-term li:hover h3 {
      color: #136ec2;
    }

    .list-standard {}

    .list-standard ul {
      display: flex;
      flex-wrap: wrap;
      border-left: 1px solid #f1f1f1;
      border-top: 1px solid #f1f1f1;
    }

    .list-standard li {
      flex: 0 0 50%;
      border: 1px solid #f1f1f1;
      border-left: 0;
      border-top: 0;
      height: 70px;
      line-height: 70px;
      padding: 0 10px;
      transition: all .6s;
    }

    .list-standard li a {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 18px;
      color: #333;
      width: 538px;
      transition: all .6s;
    }

    .list-standard li:hover {
      background-color: #f6f6f6;
    }

    .list-standard li:hover a {
      color: #136ec2;
    }
  }

  @media screen and (max-width: 960px) {

    .term,
    .standard {
      background-color: #fff;
      border-radius: .05rem;
      box-shadow: 0 0 .05rem #ccc;
      padding: 0 .1rem .15rem;
      margin-bottom: .15rem;
    }

    .term .newTitle,
    .standard .newTitle {
      height: .4rem;
      line-height: .4rem;
    }

    .term .newTitle h2,
    .standard .newTitle h2 {
      background-color: #fff;
    }

    .list-term {}

    .list-term ul {
      display: flex;
      flex-wrap: wrap;
      border-left: 1px solid #f1f1f1;
      border-top: 1px solid #f1f1f1;
    }

    .list-term li {
      flex: 0 0 50%;
      border: 1px solid #f1f1f1;
      border-left: 0;
      border-top: 0;
      padding: .05rem;
      transition: all .6s;
    }

    .list-term li a {
      display: flex;
      justify-content: flex-start;
    }

    .list-term li img {
      width: .25rem;
      height: .25rem;
      border-radius: 50%;
      margin-right: .05rem;
    }

    .list-term li div {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
    }

    .list-term li h3 {
      color: #333;
      font-size: .09rem;
      font-weight: bold;
      transition: all .6s;
    }

    .list-term li p {
      color: #999;
      font-size: .07rem;
      line-height: 1;
      width: 36vw;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      padding-top: .02rem;
    }

    .list-term li:hover {
      background-color: #f6f6f6;
    }

    .list-term li:hover h3 {
      color: #136ec2;
    }

    .list-standard {}

    .list-standard ul {
      display: flex;
      flex-wrap: wrap;
      border-left: 1px solid #f1f1f1;
      border-top: 1px solid #f1f1f1;
    }

    .list-standard li {
      flex: 0 0 100%;
      border: 1px solid #f1f1f1;
      border-left: 0;
      border-top: 0;
      height: .35rem;
      line-height: .35rem;
      padding: 0 .05rem;
      transition: all .6s;
    }

    .list-standard li a {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: .09rem;
      color: #333;
      width: 90vw;
      transition: all .6s;
    }

    .list-standard li:hover {
      background-color: #f6f6f6;
    }

    .list-standard li:hover a {
      color: #136ec2;
    }
  }