@import '@/styles/common.less';
@import '@/styles/variables.less';

.page-material-upload-video {
  // bottom: 40px + 80px + 20px 内边距+按钮高度+按钮上边距
  padding: 40px 24px 140px;

  &__header-title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 400;
    color: @blColor;
  }

  &__header-tips {
    font-size: 28px;
    line-height: 32px;
    font-weight: 400;
    color: @blColor;
    margin-top: 24px;
  }

  &__video-list {
    margin-top: 25px;
  }

  &__hint {
    line-height: 64px;
    height: 64px;
    background: #fff4f0;
    border-radius: 24px 24px 0px 0px;
    padding: 0 24px;
    font-weight: 400;
    font-size: 26px;
    color: #946724;

    + .material-video-card {
      margin-top: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
  }

  &__footer {
    position: fixed;
    left: 24px;
    right: 24px;
    bottom: 0;
    background: #f5f6fa;
  }

  &__submit-btn {
    .button(@width: 100%, @height: 80px, @fontSize: 32px, @fontWeight: 400, @borderRadius: 48px);
    bottom: 40px;
  }
}