@import '../index.less';
@import '~antd/es/style/themes/default.less';

@prefix: ~'@{mobile-prefix}-main';
@tab-height: 60px;

.@{prefix} {

  // global
  * {
    font-size: 16px;
  }

  .value {
    color: @color-yellow;
    font-weight: bold;
  }

  .block-content {
    margin-bottom: 30px;

    >div {
      &:last-child {
        padding: 12px;
      }
    }
  }

  .current-date {
    color: #BBBBBB;
    text-align: right;
  }

  //
  .content {
    padding: 20px;
    overflow-y: scroll;
    height: calc(100vh - @tab-height);
  }

  .tabs {
    height: @tab-height;
    background: white;
    padding-top: 4px;
    border-top: @border-width-base @border-style-base @border-color-base;
    width: 100vw;
    text-align: center;
    position: fixed;
    bottom: 0;

    img {
      width: 25px;
      height: $width;
    }

    .active {
      color: @color-blue;

      svg {
        fill: @color-blue;
      }
    }
  }
}


@media (max-width: 320px) {
  .@{prefix} {
    * {
      font-size: 14px;
    }
  }
}