.section3 {
       background: #f0f0f0;
   }

   .Box3 {
       width: 100%;
       display: flex;
       flex-wrap: wrap;
       margin-top: 60px;
   }

   .lt3 {
       width: 50%;
       padding-right: 50px;
       border-right: 1px solid #868686;
       display: flex;
       grid-gap: 30px;
   }

   .lt3 a {
       width: 100%;
       display: none;
   }

   .lt3 a:nth-child(-n + 2) {
       display: flex;
       flex-direction: column;
       grid-gap: 15px;
   }

   .lt3 a img {
       width: 100%;
   }

   .lt3 a h1 {
       font-size: 18px;
       color: #332c2b;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;
   }

   .lt3 a h2 {
       color: #b7b4ad;
       font-size: 14px;
   }

   .lt3 a h3 {
       color: #807978;
       font-size: 14px;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;
   }

   .rt3 {
       width: 50%;
       padding-left: 50px;
       display: flex;
       flex-direction: column;
       grid-gap: 45px;
   }

   .rt3 a {
       display: flex;
       flex-direction: column;
       grid-gap: 15px;
   }

   .rt3 a h1 {
       display: flex;
       align-items: center;
       justify-content: space-between;
       grid-gap: 15px;
   }

   .rt3 a h1 p {
       width: calc(100% - 90px);
       color: #2a2a2a;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
       font-size: 20px;
   }

   .rt3 a:hover h1 p {
       color: var(--color);
   }

   .rt3 a h1 b {
       color: #b7b4ad;
       font-weight: 500;
       font-size: 14px;
   }

   .rt3 a h2 {
       color: #707070;
       font-size: 14px;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;
   }

   .rt3 a span {
       position: relative;
       width: 70px;
       height: 25px;
       color: #707070;
       border: 1px solid #707070;
       font-size: 12px;
       display: flex;
       align-items: center;
       justify-content: center;
       margin-right: 0;
       margin-left: auto;
   }

   @media (max-width: 1200px) {
       .lt3 {
           width: 100%;
           padding: 0;
           padding-bottom: 30px;
           border: 0px;
           border-bottom: 1px solid #868686;
       }

       .rt3 {
           padding: 0;
           padding-top: 30px;
           width: 100%;
       }
   }


   @media (max-width: 720px) {}


   @media (max-width: 460px) {
       .lt3 {
           flex-wrap: wrap;
       }

   }