.mainyou {
 
  width: 100%;
 
}

.mainyou dl {
  width: 33%;
}

.trending {
 
   margin-top: 0px; 
}
.mainpop {
   
    padding-bottom: 48px;
}
@media (max-width: 1000px) {
  .mainyou dl {
    width: 50%;
  }
  
}

@media (max-width: 750px) {
  .mainyou dl dd button {
 display: none;
}
    .ter {
     
        padding: 24px 20px 0px 0;
    }
.mainyou dl {
  flex-direction: column;
  
}
.mainyou dl {
    width: 31%;
    margin-bottom: 4px;
}
.mainyou dl dt {
  width: 100%;
  height: 109px;
 
  border-radius: 12px 12px 12px 12px;
}
.mainyou{
  gap: 12px;
}
.mainyou dl dd {
  width: 100%;
  margin-left: 0px;
}
.mainyou dl dd p {
padding-top: 8px;
margin-bottom: 2px;
}


.mainpop {
    padding-bottom: 10px;
}


}
@media (max-width: 345px) {
  .mainyou {
      gap: 10px;
  }
}