/* pages/index/index.wxss */

page {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #555;
  }
  
  .result {
    flex: 1;
    background: #f3f6fe;
    position: relative;
  }
  
  .result-num {
    position: absolute;
    font-size: 100rpx;
    bottom: 3vh;
    right: 3vw;
  }
  
  .result-sub {
    font-size: 52rpx;
    position: absolute;
    bottom: 16vh;
    right: 3vw;
  }
  
  .btns {
    flex: 1;
  }
  
  /* 按钮样式 */
  
  .bg {
    background: #eee;
  }
  
  .btns {
    flex: 1;
    display: flex;
    flex-direction: column;
    font-size: 48rpx;
    border-top: 1rpx solid #ccc;
    border-left: 1rpx solid #ccc;
  }
  
  .btns > view {
    flex: 1;
    display: flex;
  }
  
  .btns > view > view {
    flex-basis: 25%;
    border-right: 1rpx solid #ccc;
    border-bottom: 1rpx solid #ccc;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .btns > view:last-child > view:first-child {
    flex-basis: 50%;
  }
  
  .btns > view:first-child > view:first-child {
    color: #f00;
  }
  
  .btns > view > view:last-child {
    color: #fc8e00;
  }