shenze-sysMan/src/views/device/saveProportion/index.less

.paramsSetPage {
  position: relative;
  width: 100%;
  overflow: hidden;

  .paramsSetBox {
    width: 100%;
    height: calc(100vh - 44px);
    overflow: auto;
    overflow-x: hidden;
    .deleteSpan {
      padding: 0 1em;
      color: #df5e4c;
    }
    .addSpan { color: #4d6add; }
    .addRow { height: 3em; line-height: 3em; text-align: center; }
    .vanInputRow {
      position: relative;
      &::after{
        position: absolute;
        box-sizing: border-box;
        content: " ";
        pointer-events: none;
        right: var(--van-padding-md);
        bottom: 0;
        left: var(--van-padding-md);
        border-bottom: 0.02667rem solid var(--van-cell-border-color);
        transform: scaleY(.5);
      }
      :deep(.van-cell)  {
        &::after{ display: none; }
      }
    }

    .wrap2 {
      width: 100%;
      height: 54px;
      background-color: #fff;
      justify-content: center;
      position: relative;
      .outer1 {
        width: 162px;
        height: 20px;
        margin: 0 0 0 15px;

        .block1 {
          background-color: rgba(128, 150, 236, 1);
          border-radius: 2px;
          width: 4px;
          height: 12px;
          margin-top: 4px;
        }

        .txt2 {
          width: 150px;
          height: 20px;
          overflow-wrap: break-word;
          color: rgba(64, 77, 116, 1);
          font-size: 14px;
          font-family: PingFangSC-Medium;
          text-align: left;
          white-space: nowrap;
          line-height: 20px;
          display: block;
        }
      }

      .pic2 {
        z-index: 26;
        position: absolute;
        left: 0;
        top: 53px;
        width: 375px;
        height: 2px;
      }
    }
    .list{
      width: 100%;
      height: 54px;
      padding: 0 15px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      .title {
        display: flex;
        .icon {
          width: 24px;
          padding-right: 10px;
        }
        .word3 {
          display: block;
          width: 78px;
          height: 13px;
          overflow-wrap: break-word;
          color: rgba(64, 77, 116, 1);
          font-size: 13px;
          text-align: left;
          white-space: nowrap;
          line-height: 13px;
        }
        .section4 {
          position: relative;
          width: 18px;
          height: 19px;
          margin-right: 10px;
          background: url(../../../assets/device/currency1.png) 100% no-repeat;

          .main4 {
            z-index: 34;
            position: absolute;
            left: 12px;
            top: -1px;
            width: 4px;
            height: 4px;
            background: url(../../../assets/device/currency2.png) 100% no-repeat;
          }
        }
      }
      .outer2 {
        width: 6px;
        height: 12px;
        background: url('../../../assets/right.png') top center no-repeat;
        background-size: 100%;
        margin-top: 4px;
      }
    }
    :deep(.van-cell)  { align-items: center; }
    :deep(.van-field__control)  {
      width: 60%;
      border: 1px solid var(--van-border-color);
      padding: 0.2em 0;
    }
    :deep(.updataButton)  {
      background-color: transparent;
      color: var(--van-button-primary-background-color);
      padding: 0 0.5em;
      border-radius: 50px;
    }
  }
}