.calc-result {
  .header-nav {
    display: flex;
    align-items: center;

    & > view {
      &:first-child {
        flex: auto;
      }
    }

    .header-close {
      flex: none;
      width: 150px;
      box-sizing: border-box;

      text {
        display: inline-block;
        font-size: 24px;
        color: #fff;
        line-height: 2em;
        height: 2em;
        border-top-left-radius: 24px;
        border-bottom-left-radius: 24px;
        padding: 0 1em;
        background: #193c83;
      }
    }
  }

  .summary-card {
    background: #193C83;
    border-radius: 24px;
    box-sizing: border-box;
    padding: 1em;
    margin: 1em;

    .tip {
      font-size: 24px;
      color: #fff;
    }

    .money {
      font-size: 60px;
      color: #fff;
      line-height: 2.0em;

      .small {
        display: inline-block;
        margin-left: 1em;
        font-size: .5em;
        color: #fff;
      }
    }

    .footer {
      & > view {
        font-size: 24px;
        color: #fff;
        text-align: center;
        line-height: 1.6em;
      }

      .label {
        color: #D3D3D3;
      }
    }
  }

  .flex {
    display: flex;
    & > view {
      flex: auto;
    }
  }

  .result-scroll {
    height: calc(100vh - 600rpx);
  }

  .result-list {
    margin-top: .5em;
    padding: 0 1em;

    .result-list-title {
      background:rgba(26,60,131, .12) !important;
    }

    .result-list-item {
      font-size: 24px;
      line-height: 68px;
      text-align: center;
      color: #353535;

      &:nth-of-type(odd) {
        background: #fff;
      }
      &:nth-of-type(even) {
        background:rgba(26,60,131, 0.12);
      }
    }
  }
}
