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

.page-material-view {

  &__no-time-tips {
    font-size: 28px;
    font-weight: 400;
    color: @blColor;
    margin-top: 16px;
  }

  &__footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #FFFFFF;
    padding: 12px 32px;
    box-shadow: 0px -4px 20px 0px #00000014;
    box-sizing: border-box;

    &__buttons {
      .flex-row();

      &__share {
        .button(@height: 88px, @fontSize: 32px, @fontWeight: 500, @borderRadius: 48px);
        flex: 1 1;
        color: @blHighlightColor;
        background: @blHighlightBg;
      }

      &__contact {
        .button(@height: 88px, @fontSize: 32px, @fontWeight: 500, @borderRadius: 48px);
        flex: 2 2;
        margin-left: 32px;
      }
    }
  }
}