.boxBody {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 10px;
  .boxTop {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 640px;
    height: 100px;
    margin: 0 auto;
    .boxFlex {
      width: 200px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      flex-direction: column;
      position: relative;
    }
  }
  .boxLeft {
    width: 180px;
    min-height: 320px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    position: absolute;
    justify-content: space-between;
    left: 10px;
    top: 130px;
    text-align: center;
  }
  .boxRight {
    width: 180px;
    min-height: 320px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    position: absolute;
    right: 10px;
    top: 130px;
    text-align: center;
  }
  .boxBottom {
    width: 500px;
    height: 380px;
    position: absolute;
    top: 130px;
    left: 50%;
    transform: translateX(-50%);
    .svgBox {
      width: 100%;
      min-height: 250px;
      background-color: #9aff9a;
    }
    .content {
      width: 100%;
      height: 130px;
      :global {
        .ant-select-selector {
          // width: 380px  !important; /* 选择框宽度 */
          color: #333;
        }
        .ant-select-selection-item {
          color: #333 !important; /* 选择框文字颜色 */
          padding-left: 50px;
          line-height: 40px;
        }
      }
    }
  }
  .boxTitle {
    background-color: #3399ff;
    color: #fff;
    width: 180px;
    height: 20px;
    line-height: 20px;
    text-align: center;
  }
  :global {
    .mySelects .ant-select-selector,
    .mySelectsDouble .ant-select-selector {
      background-color: #99ccff !important; /* 选择框背景色 */
      height: 40px !important; /* 选择框高度 */
    }
    .mySelects .ant-select-selection-item {
      color: transparent !important; /* 选择框文字颜色 */
    }
    .mySelectsDouble .ant-select-selection-item {
      color: #333 !important; /* 选择框文字颜色 */
      line-height: 40px !important;

    }
  }
  .mySelects {
    position: relative;
  }
  .boxInput {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 180px;
    // height: 40px;
    min-height: 40px;
    position: relative;
    :global {
      .ant-input {
        background-color: #99ccff !important; /* 输入框背景色 */
        border: 1px solid #d9d9d9;
        height: 40px;
      }
      .ant-input::placeholder {
        color: #fff !important; // 修改为你想要的颜色
      }
    }
  }
  .text {
    background-color: #99ccff;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 10px;
    margin-right: 1px;
  }
  .content {
    :global {
      .ant-input {
        background-color: #eeeeee !important; /* 输入框背景色 */
        height: 40px;
      }
      .ant-select-selector {
        background-color: #eeeeee !important; /* 选择框背景色 */
        height: 40px !important; /* 选择框高度 */
      }
    }
    .text {
      background-color: #eeeeee;
      margin: 0;
    }
    .boxFlex {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      flex-direction: column;
      width: 500px;
    }
    .boxFlexs {
      display: flex;
      align-items: center;
      width: 500px;
      justify-content: space-between;
      .boxInputs {
        display: flex;
        align-items: center;
        flex: 1;
        :global {
          .ant-input {
            background-color: #eeeeee !important; /* 输入框背景色 */
            height: 40px;
          }
        }
      }
    }
    .boxInput {
      width: 100%;
      position: relative;
      .defaultValue {
        position: absolute;
        left: 32%;
        top: 3px;
        width: 60px;
        height: 30px;
        background-color: #eee;
        color: #333;
        line-height: 40px;
        z-index: 2;
        text-align: center;
      }
    }
  }
}
