.botany {
    width: 100%;
    height: 100%;
    font-family: "宋体", SimSun, sans-serif;
    ul {
      list-style-type: none;
    }
  
    li {
      list-style-type: none;
    }
  
    .ls1 {
      font-family: "HiFont Hei GB";
      color: #30aad1;
      font-weight: bold;
    }
    .hs {
      font-family: "HiFont Hei GB";
      color: #ea6b00;
      font-weight: bold;
    }
  
    .zs1 {
      font-family: "HiFont Hei GB";
      color: #857eb4;
      font-weight: bold;
    }
  
    span.under1 {
      border-bottom: 2px solid #f0bd4a;
      border-width: 2px;
    }
  
    div.bodystyle {
      text-align: justify;
      padding: 20px 116px 104px 116px;
      line-height: 30px;
    }

    .bodystyle-pt{
      font-size: 18px;
      text-align: justify;
      padding: 50px 116px 104px 116px;
      line-height: 30px;
    }

  
    span.zt-0 {
      color: #0087af;
    }
  
    p.pzt-0 {
      color: #0087af;
      font-size: 18px;
    }
    p.pzt-0-right {
      font-size: 18px;
      color: #0087af;
      text-align: right;
    }
    p.pzt-1 {
      font-weight: bold;
      color: #0087af;
      font-size: 18px;
    }
  
    .note {
      font-size: 0.85em;
    }
  
    .img {
      margin: 1em 0;
      text-align: center;
      font-size: 0.8em;
      color: #000;
      text-indent: 0em;
    }
  
    .img1 {
      text-align: right;
      font-size: 0.85em;
      margin-left: 0%;
      margin-right: 2em;
      text-indent: 0em;
    }
  
    p {
      font-family: '宋体';
      line-height: 30px;
      color: #000;
      text-align: justify;
    }
    .center {
      text-align: center;
      margin-left: 0%;
      margin-right: 0%;
      text-indent: 0em;
    }
  
    .center1 {
      font-family: "STKaiti";
      text-align: center;
      margin-left: 0%;
      margin-right: 0%;
      text-indent: 0em;
    }
  
    .left {
      text-indent: 0em;
      margin-left: 0%;
      margin-right: 0%;
    }
    .right {
      text-align: right;
      margin-left: 0%;
      margin-right: 0%;
    }
    .right1 {
      font-family: "STKaiti";
      text-align: right;
      margin-left: 0%;
      margin-right: 0%;
    }
    .quote {
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: 1em;
      margin-right: 1em;
      text-align: justify;
      font-family: "cnepub", serif;
    }
    h1 {
      font-family: "STKaiti";
      text-align: center;
      font-size: 1.8em;
      color: #515594;
      margin-bottom: 0.5cm;
      margin-top: 0.5cm;
    }
  
    h2 {
      font-family: "STKaiti";
      text-align: center;
      font-size: 1.2em;
      margin-top: 0.2em;
      margin-bottom: 0.2em;
      text-indent: 0em;
    }
  
    h2.lefth2 {
      text-align: left;
      font-size: 1.2em;
      margin-top: 0.2em;
      margin-bottom: 0.2em;
      text-indent: 0em;
    }
  
    h2.whleft2 {
      text-align: left;
      color: #af0206;
      font-size: 38px;
      margin-top: 0.2em;
      margin-bottom: 0.2em;
      text-indent: 0em;
    }
  
    h3 {
      font-family: "STKaiti";
      color: #ef495d;
      font-weight: bold;
      // font-size: 1.15em;
      font-size: 26px;
      margin-top: 2em;
      text-align: center;
      margin-bottom: 20px;
      text-indent: 0em;
    }
  
    h4 {
      font-weight: bold;
      color: #5877ba;
      font-size: 1.1em;
      margin-top: 0.2em;
      margin-bottom: 1em;
      text-indent: 0em;
    }
    h5 {
      font-weight: bold;
      color: #c96653;
      font-size: 1em;
      margin-top: 0.2em;
      margin-bottom: 1em;
      text-indent: 2em;
    }
    h6 {
      font-family: "cnepub", serif;
      color: #36c3f4;
      font-size: 1.1em;
      margin-top: 10px;
      text-indent: 2em;
      margin-bottom: 10px;
    }
    .u {
      text-decoration: underline;
    }
  
    .img-0 {
      display: flex;
      width: 100%;
    }
    .imz {
      width: 96%;
      text-align: center;
    }
  
    .img-a {
      width: 95%;
    }
    .img-b {
      width: 80%;
    }
    .img-c {
      width: 70%;
    }
    .img-d {
      width: 60%;
    }
    .img-e {
      width: 50%;
    }
    .img-f {
      width: 40%;
    }
    .img-g {
      width: 30%;
    }
    .img-gh1 {
      width: 30%;
      text-align: right;
    }
    .img-gh2 {
      width: 45%;
      text-align: right;
    }
    .img-h {
      width: 25%;
    }
    .img-i {
      width: 10%;
    }
    .img-j {
      width: 5%;
    }
    .img-gn {
      width: 48%;
    }
    .img-gn1 {
      width: 18%;
    }
    .inline {
      height: 2em;
      margin-bottom: -0.5em;
    }
    .inline1 {
      height: 1.5em;
      margin-top: -1em;
      margin-bottom: -0.4em;
    }
    .inline2 {
      height: 2.5em;
      margin-top: 2em;
      margin-bottom: -0.4em;
    }
    .inline3 {
      height: 4em;
      margin-top: 2em;
      margin-bottom: -0.4em;
    }

  
    .block1 {
      font-family: "STKaiti";
      color: #08a496;
      text-align: right;
      font-size: 1.15em;
      margin-right: 2em;
      text-indent: 0em;
    }
    .block2 {
      font-family: "STKaiti";
      // font-size: 1.15em;
      font-size: 26px;
      text-align: center;
      text-indent: 0em;
      margin: 6px 0;
    }
  
    .bj1 {
      border: 2px solid #0aa19c;
      background: #e3efd7;
      border-style: solid none none none;
      padding: 0.2em 0.4em 0.2em 0.4em;
      margin-top: 1em;
      margin-left: 0.5em;
      margin-right: 0.5em;
      margin-bottom: 1em;
      font-size: 1.1em;
      box-shadow: 0.3em 0.3em 0px 0px #c3c2c0;
    }
  
    .bj2 {
      border: 2px solid #e04239;
      background: #fdecd2;
      border-style: solid none none none;
      padding: 0.2em 0.4em 0.2em 0.4em;
      margin-top: 1em;
      margin-left: 0.5em;
      margin-right: 0.5em;
      margin-bottom: -0.8em;
      font-size: 1.1em;
      box-shadow: 0.3em 0.3em 0px 0px #c3c2c0;
    }
  
    .kaiti {
      font-family: "STKaiti";
    }
  
    // 自定义
    .page-box {
      position: relative;
      box-sizing: border-box;
      min-height: 1150px;
      margin-bottom: 20px;
      box-shadow: 0 3px 6px 1px #00000029;
      background-color: #fff;
    }
    ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .fl {
      display: flex;
    }
    .fw-wr {
      flex-wrap: wrap;
    }
    .fl-cl {
      flex-direction: column;
    }
    .ju-bt {
      justify-content: space-between;
    }
    .ju-cn {
      justify-content: center;
    }
    .ju-end {
      justify-content: flex-end;
    }
    .al-cn {
      align-items: center;
    }
    .al-end {
      align-items: end;
    }
    .wh-nr {
      white-space: nowrap;
    }
    .w100 {
      width: 100%;
    }
    .m0 {
      margin: 0;
    }
    .mr-8 {
      margin-right: 8px;
    }
    .mt-20 {
      margin-top: 20px;
    }
    .mt-40 {
      margin-top: 40px !important;
    }
    .mb-20 {
      margin-bottom: 20px;
    }
    .mb-40 {
      margin-bottom: 40px;
    }
    .ml-40 {
      margin-left: 40px;
    }
    .mr-40 {
      margin-right: 40px;
    }
    .pg-mh {
      min-height: 1150px;
    }
    .dl-ib {
      display: inline-block;
    }
    .w-min {
      width: min-content;
    }
    .w40 {
      width: 40px;
    }
    .pb-box {
      position: absolute;
      bottom: 0;
    }
    .m16-0 {
      margin: 16px 0;
    }
    .fm-son {
      font-family: "宋体", SimSun, sans-serif;
    }
    .auido-text {
      font-size: 22px;
      font-family: "FangSong", "PMingLiU", serif;
      font-weight: bold;
    }
    .front{
      text-align: left !important;
    }
  }
  
  /* 媒体查询做基础响应式布局 */
  @media (max-width: 660px) {
    .ans-dance {
      /* 分页padding */
      .page-padding {
        padding: 104px 20px;
      }
      .padding-96 {
        padding: 0 20px;
      }
      /* video大小 */
      .video-box {
        max-width: 260px;
      }
      .audio-box {
        margin-top: 20px;
        flex-wrap: wrap;
        li {
          width: 100%;
        }
        li:nth-child(2) {
          margin-top: 10px;
        }
      }
      .page-box{
        min-height: 500px;
      }
      .pg-mh {
        min-height: 815px;
      }
      .share-img-box {
        min-height: 460px;
      }
    }
  }
  @media (max-width:820px) {
    .botany {
      .page-box {
        min-height: 500px;
      }
    } 
  }
  @media (min-width: 660px) {
    .botany {
      .page-padding {
        padding: 104px 96px;
      }
      .padding-96 {
        padding: 0 96px;
      }
      .video-box {
        max-width: 370px;
      }
      .share-img-box {
        min-height: 650px;
      }
      .audio-box {
        margin-top: 20px;
        flex-wrap: nowrap;
        li {
          width: 58%;
        }
      }
    }
  }
  
  
  ::-webkit-scrollbar {
    width: 8px;
    height: 10px;
  }
  
  ::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 6px;
  }
  
  ::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(125, 125, 125, 0.3);
    -webkit-border-radius: 6px;
  }
  
  ::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: rgba(125, 125, 125, 0.3);
    -webkit-border-radius: 6px;
  }


// 自定义
.page-header-odd {
  margin: 0;
  margin-bottom: 20px;
  width: 100%;
  height: 104px;
  display: flex;
  justify-content: space-between;
  li:first-child {
    border: 1px solid #0E932E;
    width: 15%;
    height: 24px;
    text-align: right;
    padding-right: 4px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: 400;
  }
  li:nth-child(2) {
    padding: 0 4px;
    min-width: 132px;
    height: 24px;
    border: 1px solid #0E932E;
    text-align: center;
    box-sizing: border-box;
    color: #0E932E;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  li:last-child {
    width: 64%;
    height: 24px;
    background-color: #0E932E;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 5px;
  }
}

.textarea-focused {
  border-color: #42b983 !important;
  box-shadow: 0 0 5px rgba(66, 185, 131, 0.5) !important;
}

.select-border {
  width: 60px;
  border: 0;
  border-bottom: 1px solid #767676;

  &:focus {
    outline: none;
  }
}


.input-bottom-border {
  font-size: 17px;
  border: 0;
  border-bottom: 1px solid #000000;

  &:focus {
    outline: none;
  }
}