.teacher-record {
  min-height: 100vh;
  background-color: #F8F9FC;
  position: relative;
  overflow: hidden;

  :global {
    .van-nav-bar{
      transition: all .3s;
    }
    .van-tabs {
      // --van-tabs-line-height: 22px;
    }
    .van-tabs__nav--line {
      padding-bottom: 0;
    }
    .van-tab {
      // margin-top: 12px;
      // margin-bottom: 5px;
      padding: 0 14px;
      font-size: 16px;
      color: #000000;
      position: relative;
      z-index: 9;
      // --van-tab-line-height: 22px;
    }
    .van-tab--active {
      font-weight: 600;
    }
    .van-button--plain.van-button--primary {
      background-color: transparent;
    }
    .van-tabs__line {
      width: 44px !important;
      height: 6px;  
      background: linear-gradient( 90deg, #2DC7AA 0%, rgba(45,199,170,0) 100%) !important;
      border-radius: 3px;
      bottom: 15px;
    }
  }
}
.bgImg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 188px;
  object-fit: cover;
}
.bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 238px;
  background-color: rgba(0, 0, 0, .6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.teacherHeader {
  position: relative;
  z-index: 10;
}


.singleSection {  
  background: #F8F9FC;
  border-radius: 10px 10px 0px 0px;
  padding: 15px 14px 6px;
  .btnType {
    display: flex;
    .btn2, .btn1 {
      flex: 1;
      font-weight: 500;
      font-size: 14px;
      color: #333333;
      line-height: 36px;
      border-radius: 6px;
      text-align: center;
      img {
        vertical-align: middle;
        width: 16px;
        height: 16px;
        margin-right: 6px;
      }
    }
    .btn1 {
      
      background: linear-gradient( 310deg, rgba(92,214,214,0.07) 0%, rgba(255,255,255,0.03) 50%, rgba(255,255,255,0) 100%, rgba(255,255,255,0) 100%);
      border: 1px solid #E3EFED;
      margin-right: 10px;
    }
    .btn2 {
      background: linear-gradient( 310deg, rgba(214,96,92,0.07) 0%, rgba(255,255,255,0.04) 50%, rgba(255,255,255,0) 100%, rgba(255,255,255,0) 100%);
      border: 1px solid #FFEBE5;
    }
  }

  .singleContent {
    background: #FFFFFF;
    border-radius: 6px;
    margin-top: 12px;
    font-size: 13px;
    color: #777777;
    line-height: 22px;
    padding: 12px;
    text-align: justify;
  }
}

.fansPopup {
  background: transparent;

  :global {
    .van-popup__close-icon {
      font-size: 18px;
      color: #CCCCCC;
    }
  }
}