.container{
  width: 312PX;
  border-radius: 8PX;
  padding: 23PX 14PX;
  box-sizing: border-box;
  h3{
    margin: 0;
    font-size: 18PX;
    color: #333333;
    font-weight: normal;
    display: flex;
    align-items: center;
    &::before{
      content: '';
      width: 4PX;
      height: 18PX;
      border-radius: 2PX;
      background: #01C1B5;
      margin-right: 6PX;
      display: block;
    }
  }
  .subjectcontent {
    height: 180px;
    margin: 25PX 0;
    overflow: hidden;
    overflow-y: auto;
  }
  .subjectlist{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    :global{
      // .van-picker__columns{
      //   max-height: 50vh;
      // }
      .van-picker-column__item{
        font-size: 18PX;
      }
    }
    .subjectItem {
      color: #999999;
      font-size: 12px;
      background: #F8F8F8;
      padding: 5px 0;
      border-radius: 6px;
      text-align: center;
      width: 82px;
      margin-bottom: 10px;
      border: 1px solid #F8F8F8;
      display: inline-block;
      &.active {
        border: 1px solid #01C1B5;
        background-color: #E2FFF9;
        color: #01C1B5;
      }
    }
  }
  .button{
    width: 260PX;
    height: 42PX;
    margin: auto;
    :global{
      .van-button__text{
        font-size: 18PX;
      }
    }
  }
}
