.yg-sheet {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  overflow: hidden;
  max-height: 60vh;

  &-title {
    font-size: 32rpx;
    color: #323233;
  }

  &-desc {
    color: #969799;
    font-size: 28rpx;
  }

  &-infos {
    padding: 40rpx 0;
    text-align: center;
    border-bottom: 1rpx solid #ebedf0;

    .yg-sheet-title {
      margin-bottom: 16rpx;
    }
  }

  &-end {
    display: flex;
    align-items: flex-end;
  }

  &-loading {
    height: 80rpx;
    color: #c8c9cc;
  }

  &-items {
    padding: 28rpx 32rpx;
  }

  &-subDesc {
    padding: 0 16rpx;
    @extend.yg-sheet-desc;

    &.vert {
      margin-top: 8rpx;
    }
  }

  &-disabled {
    color: #c8c9cc;
  }

  &-cancel {
    padding: 16rpx 0;
    background-color: #f7f8fa;
  }

  &-btn {
    height: 100rpx;
    color: #646566;
    font-size: 32rpx;
    background-color: #fff;
  }
}