classroom-app/src/views/guide/components/ios-guide.module.less

.marginB33 {
  margin-bottom: 33px;
  h2 {
    padding-left: 0 !important;
  }
}
.wrap {
  box-sizing: border-box;
  padding: 37px 0;
  background-color: #fff;

  .topTitle {
    position: relative;
    h2 {
      font-weight: bold;
      color: #00201c;
      line-height: 18px;
      font-size: 17px;
      padding-left: 22px;
      color: #00201c;
      position: relative;
      z-index: 20;
    }
  }
  .wrapInfo {
    padding: 0 22px;
    section {
      // margin-top: 0.3rem;
      margin-bottom: 45px;
      .bigP {
        font-weight: bold;
        color: #00201c;
        font-size: 16px;
        line-height: 20px;
      }
      p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 20px;
      }
    }
    h3 {
      font-weight: bold;
      color: #00201c;
      font-size: 16px;
      line-height: 20px;
    }
    .blod {
      font-weight: bold;
    }
    .red {
      color: #ff0000;
    }
  }
}

.dot {
  position: absolute;
  width: 10px;
  height: 17px;
  background: #00c2b5;
  opacity: 0.53;
  border-radius: 1px;
  top: -7px;
  left: 0;
}
.little {
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #00c2b5;
  opacity: 0.53;
  right: 0;
}
.imgWrap {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  .img {
    margin-bottom: 20px;
    width: 190px;
  }
}