rongxin.nongjing.expo/src/views/property/asset-details/index.scss

.gl_pop_cash {
  background: rgba(10, 25, 47, 0.8);
  position: absolute;
   border: 2px solid #3181f6;
  box-shadow: 0 0 5px #3181f6;
  border-radius: 0 0 100px 0;
  // border-left: 0.15vw solid #357dfa;
  z-index: 11;

  .head_main {
    height: 60px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    padding: 0 20px;
    background: linear-gradient(to right, rgba(49, 129, 246, .8), rgba(49, 129, 246, 0));
    .title {
      color: #ffad00;
      font-size: 20px !important;
      display: flex;
      align-items: center;
      line-height: 1;
      text-shadow: 0 0 15px #3181f6;
      i{
        display: block;
        width: 20px;
        height: 20px;
        background: url("tt_icon.png") no-repeat center;
        background-size: 100% 100%;
        margin-right: 10px;
      }
    }

    .close {
      background: url('./close.png') no-repeat;
      background-size: 100% 100%;
      width: 20px;
      height: 20px;
      cursor: pointer;
    }

    .xs_main {
      height: 30px;
      position: absolute;
      width: 100%;
      display: flex;
      align-items: center;

      .block {
        width: 20px;
        display: flex;

        .point {
          width: .55vh;
          height: .55vh;
          margin-right: 0.36vw;

          &.p1 {
            background: rgba(53, 125, 250, 1)
          }

          &.p2 {
            background: rgba(53, 125, 250, .7)
          }

          &.p3 {
            background: rgba(53, 125, 250, .4)
          }
        }

      }

      .xs_x {
        height: 1px;
        flex: 1;
        background: #214284;
      }
    }
  }

  .echarts_main {
    height: 600px;
    overflow-y: auto;

    div {
      font-size: 10px;
      // height: 40px;
      line-height: 20px;

      p {
        // white-space: nowrap;
      }
    }

    .headers {
      height: 30px;
      font-size: 14px;
      color: #0befca;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 0.53vw;
      background: rgba(11, 239, 202, .2);
      margin-bottom: 0.9vh
    }

    .desc_main {
      overflow-y: scroll;
      padding-right: 0.33vw;

      .analysisTable_list {
        margin: 0;
        padding: 0;
        flex: 1;
        display: flex;
        flex-direction: column;

        .flex_item {
          cursor: pointer;
          list-style: none;
          margin: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center;
          color: #fff;
          font-size: 12px;
          position: relative;
          height: 30px;

          &:nth-child(2n) {
            background: rgba(53, 125, 250, .1);
          }
        }
      }
    }
  }

}

.pop_statistical_desc {
  width: 600px;
  margin: 0;
  left: 480px;
  top: 180px;
  padding-bottom: 1.04vw !important;

  .head_main {

    .title {
      color: #fff;
    }
  }

  .echarts_main {
    margin-top: 16px;

    div {
      display: flex;
      align-items: center;

      &:nth-child(even) {
        //background: rgba(32, 89, 188, 0.2);
      }

      p {
        font-size: 16px;
        &:nth-child(1) {
          width: 8vw;
          padding-right: 1vw;
          text-align: right;
          flex-shrink: 0;
          color: #b0cfec;
        }
        margin: 0;
        color: #ffffff;
        line-height: 3.92vh;
      }
    }
  }
}