.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 {
    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: 970px;
  margin: 0;
  left: 480px;
  top: 180px;
  padding-bottom: 1.04vw !important;
  overflow: hidden;
  .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;
      }
    }
  }
}
.main-content {
  background: #fff url("white_makai.png") repeat;
  color: #333333;
  .main-center {
    .voucher-header {
      padding: 10px 20px;
      height: 52px;
      .right {
        float: right;
      }
      .block {
        float: left;
        height: 32px;
        .title {
          float: left;
          font-size: 14px;
          line-height: 32px;
        }
        .voucherId {
          width: 60px;
          float: left;
          margin: 0 8px 0 2px;
        }
        ::v-deep {
          .voucherId .el-input__inner,
          .voucherWord .el-input__inner,
          .selectDate .el-input__inner,
          .attachedNum .el-input__inner {
            border: 0;
            border-radius: 0;
            background: none;
            border-bottom: 1px solid #CACBCC;
          }
        }
        .voucherWord {
          width: 60px;
          float: left;
          margin-right: 8px;
        }
        .attachedNum {
          width: 53px;
          float: left;
          margin: 0 6px 0 6px;
        }
        &.mr {
          margin-right: 40px;
        }
        .selectDate {
          width: 130px;
        }

        &.attachment,
        &.note {
          font-size: 14px;
          line-height: 32px;
          margin-left: 20px;
          color: #3385ff;
          cursor: pointer;
          position: relative;
          &.disabled {
            color: #999;
          }
          .note-main {
            position: absolute;
            width: 240px;
            color: #333;
            line-height: 25px;
            background: #fff;
            right: 0;
            top: 40px;
            z-index: 9;
          }
        }
      }
    }
    .voucher-body {
      padding-bottom: 20px;
      .list {
        // width: 960px;
        margin: 0 20px 0 20px;
        line-height: 60px;
        text-align: center;
        padding: 0;
        border-left: 1px solid #CACBCC;
        border-top: 1px solid #CACBCC;
        &.body {
          border-top: 0 none;
          li {
            position: relative;
          }
          .borrower,
          .theLender,
          .abstract,
          .serial,
          .subjects {
            height: 62px;
          }
          .borrower,
          .theLender {
            background: url("1410MoneyUint.png") repeat-y;
          }
          .computeModuleBg{
            width: 100vw;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 2001;
          }
          .displayText {
            font-size: 13px;
            text-align: left;
            padding: 0 5px;
            vertical-align: top;
            line-height: 20px;
            height: 62px;
            overflow: hidden;

            &.abstractText {
              display: flex;
              flex-direction: column;
              justify-content: space-around;
            }

            &.subjectsText {
              padding-top: 5px;
              .subjectsType {
                margin: 0;
                padding: 0;
                line-height: 51px;
              }
              .subjectsBalance {
                position: absolute;
                bottom: 5px;
                right: 5px;
                margin: 0;
                padding: 0;
                font-size: 12px;
                font-weight: normal;
                color: #999;
                .red {
                  color: red;
                }
              }
              .subjectsBalanceOrigin {
                position: absolute;
                top: 5px;
                right: 5px;
                margin: 0;
                padding: 0;
                font-size: 12px;
                font-weight: normal;
                color: #999;
                .red {
                  color: red;
                }
              }
            }
          }
          .abstract:hover {
            .abstractMore {
              display: block;
            }
          }

          .subjects:hover {
            .subjectsMore{display: block;}
            .pasteMore{display: block;}
            .isCopyShow{
              display: block;
            }
          }
          .subjects {
            ::v-deep {
              .el-input__suffix-inner {
                display: none;
              }
            }
            .quantity_main{
              position: absolute;
              height: 16px;
              width: 70%;
              line-height: 16px;
              font-size: 12px;
              z-index: 99;
              left: 8px;
              bottom: 6px;
              max-width: 240px;
              display: flex;
              .line-quan{
                flex: 1;
                display: flex;
                .title{
                  width: 36px;
                }
                .ipt{
                  width: 62px;
                  height: 16px;
                  border: 0 none;
                  background: transparent;
                  border-bottom:1px solid #a7d9f5;
                  // border-radius: 3px;
                  outline:none;
                  padding:0 3px;
                }
              }
            }
          }
          .abstractMore,
          .subjectsMore,
          .contractMore,
          .copyMore,
          .pasteMore {
            width: 20px;
            height: 20px;
            background: url("addVoucherTem_ico.png")
            no-repeat;
            background-size: 100% auto;
            display: none;
            cursor: pointer;
            &.show {
              display: block;
            }
          }
          .abstractMore{
            position: absolute;
            right: 10px;
            top: 20px;
            z-index: 9999;
          }
          .iconMore_block{
            position: absolute;
            right: 10px;
            top: 20px;
            z-index: 9999;
            width: 85px;
            display: flex;
            justify-content:flex-end;
            .subjectsMore {
              background: url("addVoucherTem_ico2.png")
              no-repeat;
              background-size: 100% auto;
            }
            .contractMore{
              background: url("addVoucherTem_ico3.png")
              no-repeat;
              background-size: 100% auto;
              display: block;
              // margin-left: 10px;
            }
            .copyMore{
              background: url("addVoucherTem_ico4.png")
              no-repeat;
              background-size: 100% auto ;
              // display: block;
              // margin-left: 10px;
            }
            .pasteMore{
              background: url("addVoucherTem_ico5.png")
              no-repeat;
              background-size: 100% auto ;
              // display: block;
              // margin-left: 10px;
            }
          }

          .borrowerText,
          .theLenderText {
            font-weight: bold;
            font-size: 14px;
            letter-spacing: 11px;
            overflow: hidden;
            text-align: right;
            margin-right: -5px;
            height: 62px;
            font-family: "tahoma";
            .theLenderRed {
              color: red;
            }
          }
          .computeModule{
            position: absolute;
            height:62px;

            border:1px solid #CACBCC;
            top: -62px;
            z-index: 9999;
            background: #fff;
            right: 0;
            .el-input{
              height: 62px;
              ::v-deep{
                .el-input__inner{
                  height: 60px !important;
                }
              }
            }
          }
          ::v-deep {
            .abstract-select {
              width: 100%;
            }
            .abstract-select .el-input__inner {
              height: 60px;
              width: 100%;
              border-radius: 0;
            }
            .abstract-select .name {
              text-align: left;
            }

            .subjects-select {
              width: 100%;
              position: relative;
              z-index: 100;
            }
            .subjects-select .el-input__inner {
              height: 60px;
              border-radius: 0;
              width: 100%;
            }
            .borrower-input .el-input__inner {
              height: 60px;
              border-radius: 0;
            }
          }
        }
        &.footer {
          border-top: 0 none;
          .combined {
            width: calc(100% - 447px);
            font-weight: bold;
            margin-left: 5px;
            text-align: left;
            font-size: 13px;
            float: left;
            border-right: 1px solid #CACBCC;
          }
          .borrower,
          .theLender {
            background: url("1410MoneyUint.png") repeat-y;
            height: 62px;
          }
          .borrower .borrowerText,
          .theLender .theLenderText {
            font-weight: bold;
            font-size: 14px;
            letter-spacing: 11px;
            overflow: hidden;
            text-align: right;
            margin-right: -5px;
            font-family: "tahoma";
            .borrowerText {
              color: red;
            }
          }
        }
        &.header li {
          font-size: 12px;
          font-weight: bold;
          background: rgba(35, 134, 238, 0.04);
          .moneyTit {
            height: 30px;
            font-size: 14px;
            line-height: 30px;
            border-bottom: 1px solid #CACBCC;
          }
          .moneyUint {
            height: 31px;
            line-height: 30px;
            background: url("1410MoneyUint.png") repeat-y;
            span {
              float: left;
              display: inline;
              width: 19px;
              height: 100%;
              margin-right: 1px;
              text-align: center;
              font-size: 12px;
            }
          }
        }
        &.body li {
          &:hover {
            background: rgba(35, 134, 238, 0.08);
            .serial {
              //.seq {
              //  display: none;
              //}
              //.operateIcon {
              //  display: block;
              //}
            }
          }
        }
        li {
          list-style: none;
          height: 62px;
          border-bottom: 1px solid #CACBCC;

          &.abstract-option {
            height: 34px;
            border-bottom: 0 none;
          }
        }
        .abstract {
          width: calc((100% - 542px) * 0.4);
          float: left;
          border-right: 1px solid #CACBCC;
          height: 62px;
          position: relative;
          font-size: 14px;
        }
        .serial {
          width: 100px;
          float: left;
          border-right: 1px solid #CACBCC;
          height: 62px;
          .seq {
            font-size: 12px;
          }
          .operateIcon {
            display: none;
            text-align: center;
            line-height: 62px;
            padding-top: 3px;
            .add-btn,
            .remove-btn {
              cursor: pointer;
              width: 17px;
              height: 16px;
              display: inline-block;
            }
            .add-btn {
              margin-right: 8px;
              background: url("3020AddVoucherLine.png")
              center center no-repeat;
            }
            .remove-btn {
              background: url("3030DeleteVoucherLine.png")
              center center no-repeat;
            }
          }
        }
        .subjects {
          width: calc((100% - 542px) * 0.6);
          float: left;
          border-right: 1px solid #CACBCC;
          height: 62px;
          position: relative;
          font-size: 14px;
        }
        .borrower,
        .theLender {
          width: 221px;
          float: left;
          border-right: 1px solid #CACBCC;
          position: relative;
        }
      }
    }
    .assist-accounting {
      padding: 0 20px 20px;
      .assist-title {
        font-size: 14px;
        margin-bottom: 14px;
      }
      .assist-main {
        &.voucher-body {
          li {
            height: 42px;
            line-height: 40px;
            position: relative;
            border-right: 1px solid #CACBCC;
            &:hover {
              .operateIcon {
                display: block;
              }
            }
          }
          .list {
            margin: 0;
            line-height: 40px;
            .companyUnit,
            .personal,
            .numberOf,
            .projects {
              float: left;
              border-right: 1px solid #CACBCC;
              height: 40px;
              width: 129px;
              .andFrom-select {
                width: 100%;
                height: 40px;
              }
            }
            .borrower,
            .theLender {
              height: 40px;
            }
            .companyUnit {
              width: 130px;
            }
            .operateIcon {
              display: none;
              text-align: center;
              line-height: 48px;
              position: absolute;
              right: 8px;
              top: 0;
              z-index: 99;
              .add-btn,
              .remove-btn {
                cursor: pointer;
                width: 17px;
                height: 16px;
                display: inline-block;
              }
              .add-btn {
                margin-right: 8px;
                background: url("3020AddVoucherLine.png")
                center center no-repeat;
              }
              .remove-btn {
                background: url("3030DeleteVoucherLine.png")
                center center no-repeat;
              }
            }
          }
        }
      }
    }
    .voucher-footer {
      padding: 0 20px 20px;
      .prepared-main{
        font-size: 14px;
        line-height: 20px;
        height: 20px;
        margin-bottom: 5px;
        .prepared {
          float: left;
          margin: 0;
          display: inline-block;
          width: 33%;
        }
        .accountedby {
          float: left;
          margin: 0;
          display: inline-block;
          width: 34%;
          text-align: center;

          .accountedby-content {
            text-align: left;
            display: inline-block;
            min-width: 100px;
          }
        }
        .audit {
          float: right;
          margin: 0;
          display: inline-block;
          width: 33%;
          text-align: right;

          .audit-placeholder {
            display: inline-block;
            min-width: 30px;
          }
        }
      }
      .approval-main{
        font-size: 14px;
        line-height: 20px;
        display: flex;
        justify-content: space-between;
        .approver_wrap{display: flex; justify-content:flex-start;}
        .approver_icon{
          width: 20px;
          height: 20px;
          background: url('voucher_scanning.png') no-repeat;
          background-size: 100% 100%;
          margin-left: 12px;
          cursor: pointer;
        }
        .approver_time{
          flex:1;
          text-align: right;
        }
      }
    }
  }
}
.voucher-title {
  padding: 20px 0 0;
  text-align: center;
  color: #333;
  font-size: 19px;
  letter-spacing: 3.5px;
  line-height: 25px;
  font-weight: bold;
}
.el-dialog-div {
  height: 60vh;
  overflow: auto;
}
.upload_attachments {
  display: flex;
  .left_updata_main {
    flex: 1;
    .type_main {
      display: flex;
      flex-flow: column;
      height: 70px;
      .link_div {
        flex: 1;
        display: flex;
        font-size: 13px;
        align-items: center;
        .fj_title {
          width: 70px;
          font-size: 14px;
        }
        .fj_group {
          flex: 1;

          ::v-deep {
            .el-radio {
              margin-right: 14px;
            }
            .el-radio__inner {
              width: 13px;
              height: 13px;
            }
            .el-radio__label {
              font-size: 13px;
            }
          }
        }
      }
    }
    .updata_list {
      .flex_block {
        border: 1px dashed #d7d7d7;
        padding-top: 10px;
        border-radius: 5px;
        display: flex;
        margin-bottom: 10px;
        &:nth-child(4) {
          margin-bottom: 0;
        }
        .title {
          width: 40px;
          display: flex;
          justify-content: center; /* 相对父元素水平居中 */
          align-items: center; /*  子元素相对父元素垂直居中 */
          text-align: center;
          padding: 0 10px 10px;
          color: #218ff1;
        }
        .content {
          flex: 1;

          .ul_wrap {
            padding: 0;
            margin: 0;
            list-style: none;
            display: flex;
            // justify-content: space-between;
            flex-wrap: wrap;
            li {
              width: 60px;
              height: 80px;
              margin-right: 12px;
              margin-bottom: 10px;
              position: relative;
              cursor: pointer;
              .icon_success,
              .icon_delete {
                width: 13px;
                height: 13px;
                background: url("uploaded_component_success.png")
                no-repeat;
                background-size: 100% 100%;
                position: absolute;
                right: -5px;
                top: -5px;
              }
              .icon_delete {
                background: url("uploaded_component_delete.png")
                no-repeat;
                background-size: 100% 100%;
                display: none;
              }
              &:hover {
                .icon_delete {
                  display: block;
                }
              }
              .picture {
                width: 60px;
                height: 60px;
                img {
                  width: 60px;
                  height: 60px;
                }
              }
              .picture_title {
                height: 30px;
                line-height: 25px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                text-align: center;
                font-size: 12px;
              }
            }
          }
        }
      }
    }
  }
  .right_updata_main {
    width: 285px;
    padding-left: 25px;
    .updata_local {
      height: 70px;
      display: flex;
      justify-content: center; /* 相对父元素水平居中 */
      align-items: center; /*  子元素相对父元素垂直居中 */
    }
    .high_shot {
      border: 1px dashed #d7d7d7;
      border-radius: 5px;
      padding: 0 30px;
      .title {
        // font-size: 14px;
        // height: 30px;
        // line-height: 30px;
        // margin-top: 5px;
        // margin-bottom: 2px;
        text-align: center;
        padding: 10px 0;
      }
    }
    .qrCode_main {
      margin-top: 26px;
      .title {
        line-height: 30px;
        text-align: center;
        font-size: 14px;
        color: #1e1e1e;
        margin-bottom: 8px;
      }
      .qrCode_img {
        width: 75px;
        height: 75px;
        margin: 0 auto;
        img {
          width: 75px;
          height: 75px;
        }
      }
    }

    //  <div class="qrCode_main">
    //       <div class="title">高拍仪上传</div>
    //       <div class="qrCode_img"></div>
    //     </div>
  }

}
