@media screen and (max-width: 768px) {
  .study-box {
    gap: unset;
    grid-gap: unset;
    flex-direction: column;
  }
  .study-left {
    width: 100%;
    margin-top: 0.44rem;
  }

  .study-ul {
  }
  .study-ul li {
    padding: 0.29rem 0.32rem;
  }
  .study-ul li:nth-child(odd) {
    background: #f8f8f8;
    border-bottom: none;
  }
  .study-ul li:nth-child(even) {
    margin-bottom: 0.31rem;
  }
  .study-ul li a {
    flex-direction: column;
  }

  .date-box {
    display: none;
  }
  .time {
    font-size: 0.24rem;
    color: #676767;
    margin-bottom: 0.37rem;
  }

  .study-word {
    border-left: none;
    padding-left: unset;
   
  }
  .study-word h3 {
    font-size: 0.34rem;
    margin-bottom: 0.25rem;
  }
  .study-word p {
    font-size: 0.28rem;
    line-height: 0.5rem;
    margin-bottom: 0.25rem;
     border-top: 1px solid #C4C4C4;
     padding-top: 0.24rem;
  }
  .study-word span {
    font-size: 0.28rem;
  }
}