.articl{
  display: flex;
  gap: 3rem;
  padding-top: 2rem;
  padding-bottom: 4rem;
  .content{
    flex: 1;
    h3{
      font-size: 1.5rem;
      font-weight: normal;
      font-stretch: normal;
      line-height: 1.667rem;
      letter-spacing: 0rem;
      color: #000000;
    }
    p{
      font-family: HarmonyOS_Sans_SC;
      font-size: 0.667rem;
      font-weight: normal;
      font-stretch: normal;
      line-height: 1.667rem;
      letter-spacing: 0rem;
      color: #000000;
      padding-bottom: 2rem;
      margin-bottom: 2rem;
      border-bottom:1px solid #e5e5e5 ;
    }
    text{
      font-size: 0.667rem;
      font-weight: normal;
      font-stretch: normal;
      line-height: 1.25rem;
      letter-spacing: 0rem;
      color: #666666;
      white-space: pre-line;
    }
    img{
      display: block;
      width: 100%;
      margin: 2rem auto;
    }
  }
  .silder{
    flex: none;
    width: 13rem;
    .prev{
      padding-bottom: 2rem;
      margin-bottom: 2rem;
      border-bottom:1px solid #e5e5e5 ;
    }
    img{
      width: 100%;
    }
    a{
      font-size: 0.833rem;
      font-weight: normal;
      font-stretch: normal;
      line-height: 2.25rem;
      letter-spacing: 0rem;
    }
    h4{
      padding: 0.5rem 0;
      font-size: 0.833rem;
      font-weight: normal;
      font-stretch: normal;
      line-height: 1.25rem;
      letter-spacing: 0rem;
      color: #000000;
    }
  }
}

@media (max-width: 992px) {
  .articl{
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 0;
    .silder{
      width: 100%;
      display: flex;
      align-items: center;
      >div{
        flex: 1;
      }
      .prev{
        padding-bottom: 0;
        margin-bottom: 0;
        padding-right: 1rem;
        margin-right: 1rem;
        border-right:1px solid #e5e5e5 ;
        border-bottom:unset ;
      }
    }
  }
}