@media (max-width: 1145px) {
  .hide-1145 {
    display: none;
  }
}

/* 小于1230px 隐藏 */
@media (max-width: 1130px) {
  .hide-1130 {
    display: none;
  }

  .hide-1130-flex {
    display: none;
  }

  .show-1130 {
    display: block;
  }

  .show-1130-flex {
    display: flex;
  }

  .navbar {
    background-color: #0000006b !important;
  }
  /* 
  .teacher,
  .class,
  .course,
  .student,
  .salary,
  .company,
  .daily,
  .faq,
  .address {
    padding: 4rem 0.8rem !important;
  } */

  /* .address-content {
    padding: 0 2rem !important;
  } */

  .teacher-info {
    justify-content: center;
    align-items: center;
  }

  .course-item {
    padding: 1rem 0.6rem !important;
  }

  .course .course-title-sub {
    padding: 0 1.2rem !important;
  }

  .teacher-info-name {
    padding: 0 !important;
  }

  .teacher-info-img {
    margin-bottom: 4px !important;
  }

  .teacher-info-desc {
    padding-bottom: 12px;
  }

  /* .address .address-bg {
    height: 56% !important;
  } */

  .address-content-item {
    padding-bottom: 2rem;
  }
}

/* 大于1230px 显示 */
@media (min-width: 1131px) {
  .hide-1130 {
    display: block;
  }
  .hide-1130-flex {
    display: flex;
  }
  .show-1130 {
    display: none;
  }
  .show-1130-flex {
    display: none;
  }
}

/* 小于1600px 隐藏 */
@media (max-width: 1600px) {
  .course-title-sub {
    padding: 0 1rem !important;
  }
}

@media (min-width: 600px) and (max-width: 768px) {
  .address {
    background-size: 100% 18rem !important;
  }
  .index-cover-content {
    padding-left: 5rem !important;
  }
  .index-cover-content p:nth-child(1) {
    font-size: 3rem !important;
  }
  .index-cover-content p:nth-child(2) {
    font-size: 2.5rem !important;
  }
  .index-cover-content p:nth-child(3) {
    font-size: 2rem !important;
  }

  .footer {
    padding: 0.5rem 0.5rem !important;
  }

  .course-sec .class-item {
    padding: 0 10px !important;
  }

  .course-1 {
    padding-top: 1rem !important;
  }

  .course-3 {
    color: #ffffffa6 !important;
  }
}

@media (max-width: 600px) {
  .address {
    background-size: 100% 22rem !important;
  }

  .index-cover-content {
    padding-left: 2rem !important;
  }
  .index-cover-content .index-cover-content-item-1 {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
    font-size: 1.8rem !important;
  }

  .index-cover-content .index-cover-content-item-1 img {
    width: 45% !important;
  }

  .index-cover-content .index-cover-content-item-2 {
    font-size: 1.1rem !important;
    margin-bottom: 0 !important;
  }
  .index-cover-content .index-cover-content-item-3 {
    font-size: 0.8rem !important;
    margin-bottom: 0 !important;
  }

  .footer {
    padding: 0.5rem 0.5rem !important;
  }

  .course-sec .class-item {
    padding: 0 10px !important;
  }

  .course-1 {
    padding-top: 1rem !important;
  }

  .course-3 {
    color: #ffffffa6 !important;
  }

  .teacher-info-name {
    font-size: 1.2rem !important;
  }

  .teacher-info-name span {
    font-size: 1rem !important;
  }

  .teacher-info-desc {
    font-size: 0.8rem !important;
  }

  .course-title {
    font-size: 1.2rem !important;
  }

  .course-title-sub {
    font-size: 0.8rem !important;
  }

  .address-content {
    padding: 0 0rem !important;
  }

  .course .course-title-sub {
    padding: 0 0.2rem !important;
  }

  .mb-nav-item:nth-child(1) {
    margin-top: 36px;
  }

  .mb-navbar {
    height: 60px !important;
  }

  .mb-navbar img {
    padding-left: 0.8rem;
    height: 30px !important;
  }

  .mb-navbar .nav-menu {
    width: 48px;
  }

  .nav-menu span:nth-child(1) {
    width: 30px !important;
    height: 3px !important;
  }
  .nav-menu span:nth-child(2) {
    width: 26px !important;
    height: 3px !important;
    margin-top: 6px !important;
  }
  .nav-menu span:nth-child(3) {
    width: 20px !important;
    height: 3px !important;
    margin-top: 6px !important;
  }
}

@media (max-width: 535px) {
  .section-title-sub-b,
  .course-title-intro {
    max-width: calc(100% - 2rem);
  }
}

@media (max-width: 380px) {
  .teacher-info-wrapper,
  .class-title-sub,
  .company-title-sub,
  .salary-title-sub {
    max-width: calc(100% - 8px);
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 0rem;
  }
}

@media (min-width: 1130px) {
  .section-wrapper {
    max-width: 1130px !important;
    padding: 8rem 0 !important;
  }
}

@media (min-width: 1131px) {
  .index-container {
    /* padding: 11rem 0 !important; */
  }
}

@media (min-width: 1600px) {
  .index-container {
    /* padding: 22rem 0 !important; */
  }
}

@media (min-width: 2500px) {
  .index-container {
    /* padding: 32rem 0 !important; */
  }
}

@media (max-width: 601px) {
  .completioninfo {
    max-width: calc(100vw - 10px);
  }

  .moreqrcode {
    max-width: calc(100vw - 10px);
  }

  .lesson-item-wrapper {
    max-width: calc(100vw - 30px);
  }

  .process-item,
  .sgin-container-wrapper {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px);
  }

  .class-item-title {
    font-size: 32px !important;
  }
}

@media (min-width: 600px) {
  .scan-code {
    display: flex;
  }
}