@import '@/assets/css/function';
@import '@/assets/css/theme';

.income{
  background: $income-bg no-repeat;
  background-size: 100% 100%;
  height: halfH(366);
  padding: halfH(36) halfW(20) 0;
  .panel{
    display: flex;
    align-items: center;
    color: #fff;
    padding-bottom: halfH(20);
    &:last-child{
      padding-bottom: 0;
    }
    .panel-icon{
      width: halfW(18);
      height: halfH(10);
      background:$panel-b1-bg;
      border:1px solid $panel-b1-bd;
      border-radius:2px;
      margin-right: halfW(8);
    }
    .panel-txt{
      font-size: halfH(12);
      font-weight: bold;
      padding-right: halfW(18);
      color: $panel-txt;
    }
    .panel-desc{
      font-size: halfH(18);
      font-weight: bold;
      color: $panel-b2-desc;
    }
    &.b2{
      .panel-icon{
        background:$panel-b2-bg;
        border:1px solid $panel-b2-bd;
      }
      .panel-desc{
        color: $panel-b2-desc;
      }
    }
    &.b3{
      .panel-icon{
        background:$panel-b3-bg;
        border:1px solid $panel-b3-bd;
      }
      .panel-desc{
        color: $panel-b3-desc;
      }
    }
  }
  .map{
    width: 100%;
    height: halfH(200);
    margin: auto;
    border-top: 1px dashed #132A50;
  }
  .progress{
    .desc{
      display: flex;
      justify-content: space-between;
      padding-bottom: halfH(10);
      .desc-lf{
        font-size: halfH(12);
        color: $panel-rate-lf;
      }
      .desc-lr{
        font-size: halfH(14);
        color: $panel-rate-lr;
        font-weight: 900;
      }
    }
  }
}
