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

.income{
  background: url('./images/logo@3x.png') no-repeat;
  background-size: 100% 100%;
  height: halfH(380);
  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:#121E9A;
      border:1px solid #1036A9;
      border-radius:2px;
      margin-right: halfW(8);
    }
    .panel-txt{
      font-size: halfH(12);
      font-weight: bold;
      padding-right: halfW(18);
    }
    .panel-desc{
      font-size: halfH(18);
      font-weight: bold;
    }
    &.b2{
      .panel-icon{
        background:#02ABFE;
        border:1px solid #02ABFE;
      }
      .panel-desc{
        color: #FFD40D;
      }
    }
  }
  .map{
    width: 100%;
    height: halfH(220);
    margin: auto;
  }
  .progress{
    .desc{
      display: flex;
      justify-content: space-between;
      padding-bottom: halfH(10);
      .desc-lf{
        font-size: halfH(12);
        color: #00CCFF;
      }
      .desc-lr{
        font-size: halfH(14);
        color: #fff;
        font-weight: 900;
      }
    }
  }
}
