/* pages/therapeuticRegimen/index.wxss */
pages{
  // height: 100vh;
  // overflow: hidden;
}
.therapeuticRegimen{
  box-sizing: border-box;
  // padding: 24rpx;
  position: relative;
  height: calc(100vh - 120rpx);

  .scroll-view-box {
    padding: 28rpx;
    padding-bottom: 0;
    // padding-top: 20rpx;
    // padding-bottom: 280rpx;
  }
  .therapeuticRegimen-item{
    padding: 28rpx;
    background-color: #fff;
    border-radius: 24rpx;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 28rpx;
    .tab-text{
      position: absolute;
      top: 0;
      right: 0;
      width: 126rpx;
      height: 60rpx;
      border-radius: 0rpx 0rpx 0rpx 24rpx;
      font-weight: 500;
      font-size: 26rpx;
      line-height: 60rpx;
      text-align: center;
    }
    .primary{
      background: #EDF3F8;
      color: var(--td-brand-color);
    }
    .default{
     
      color: #909399;
      background: rgba(rgba(34, 34, 34, 0.1));
     
    }
    .time{
      font-size: 36rpx;
      position: relative;
      color: rgba(34, 34, 34, 1);
      
      
    }
    .item-box{
      margin-top: 26rpx;
      background-color: var(--td-bg-color);
      padding: 24rpx;
      border-radius: 20rpx;
      // display: flex;
      position: relative;
      // justify-content: space-between;
      // .image-box{
      //   width: 100rpx;
      //   height: 100rpx;
      //   background: #EDF3F8;
      //   border-radius: 16rpx;
      //   border: 2rpx solid rgba(0,91,162,0.1);
      //   margin-right: 20rpx;
        
      // }
      .details{
        
       
      }
      .name{
        font-size: 32rpx;
        color: var(--td-text-color);
        line-height: 32rpx;
        margin-top: 12rpx;
        margin-bottom: 24rpx;
      }
      .text{
        font-size: 28rpx;
        color: #909399;
        line-height: 28rpx;
      }
      .yw-jl{
        position: absolute;
        right: 0rpx;
        font-size: 32rpx;
        width: 188rpx;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        &::after{
          position: absolute;
          content: '';
          width: 2rpx;
          height: 62rpx;
          background: #EDF3F8;
          left: 0;
          top: -6rpx;
        }
      }
    }
  }
  .btn-box{
    padding: 28rpx;

    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
  }
  
}