.banner-title { font-size: 60px; font-weight: bold; margin-bottom: 30px; font-family: HarmonyOS_Sans_Bold; line-height: 70px; @media (max-width: 985) { & { line-height: 40px !important; font-size: 40px !important; } } } media失效是为什么

It looks like the code you provided is incomplete. It seems to be missing the closing curly brace for the `.banner-title` selector and the opening curly brace for the `@media` query.

Assuming that you meant to include those missing parts, the code would look like this:

.banner-title {
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 30px;
  font-family: HarmonyOS_Sans_Bold;
  line-height: 70px;
}

@media (max-width: 985px) {
  /* Styles for screens with a maximum width of 985px */
  /* Add your styles here */
}

This code defines some styles for the `.banner-title` selector, such as setting the font size, weight, margin, font family, and line height. It also includes a media query that applies styles only when the maximum screen width is 985 pixels or less. You can add your own styles inside the media query to make adjustments for smaller screens.