.footer-learn-column {
  width: 100%;
  padding: 20px 0;
}

.footer-column {
  display: flex;
  gap: 50px;
  max-width: 1400px;
  margin: 0 auto;
}

.footer-column .left-column {
  width: 0;
  flex: 6;
  background-color: #d70f14;
  overflow: hidden;
}

.footer-column .right-column {
  width: 0;
  flex: 4;
  background-color: #207f65;
  overflow: hidden;
}

.footer-column img {
  height: 128px;
}

/* !!!!!!!!! 响应式 !!!!!!!!! */
@media screen and (max-width: 768px) {
  .footer-column {
    flex-direction: column;
    gap: 20px;
  }
  .footer-column .left-column {
    width: 100%;
    flex: 0 0 auto;
  }

  .footer-column .right-column {
    width: 100%;
    flex: 0 0 auto;
  }

  .footer-column img {
    width: 100%;
  }
}