.ccs-model {
  .ant-modal-content {
    background: #0c497e;

    .ant-input {
      background: rgba(0, 53, 88, 0.6);
      border: none;
    }

    .ant-modal-header {
      background: linear-gradient(180deg, rgba(154, 203, 251, 0.24) 0%, rgba(225, 238, 255, 0.36) 54%, rgba(157, 183, 223, 0.1) 54%, rgba(63, 117, 209, 0) 100%);
      border: none;
      border-radius: 4px 4px 0 0;

      .ant-modal-title {
        font-size: 26px;
        color: white;
        text-align: center;
      }
    }

    .ant-tabs-ink-bar {
      background-color: transparent;
    }

    .ant-btn {
      height: 32px;
      padding: 0 30px;
      color: white;
      background-color: transparent;
      background-image: url('../../../../graphmod-assets/assets/command/button.png');
      background-repeat: round;
      border: 1px solid #0febff;
    }
  }

  .ant-tabs-tab-inner {
    color: white;
  }

  .ant-modal-close-x {
    font-size: 24px;
  }

  .ant-modal-content .ant-modal-close-x::before {
    color: red;
  }
}

.ccs-formula-calculate-all-css {
  width: 100%;
  height: 600px;
  color: white;

  .amos-scrollbars-content {
    overflow: visible;
  }

  .ccs-cal-small-fs {
    font-size: 19px;
  }

  .ant-input {
    // width: 195px;
    width: 288px;
    height: 36px;
    color: white;
    border-radius: none;
  }
  // tab相关
  //   .ant-tabs-tab {
  //     width: auto;
  //     text-align: center;
  //   }

  .ant-tabs-nav-container {
    font-size: 18px;

    .ant-tabs-nav-scroll {
      display: flex;

      .ant-tabs-nav {
        margin: 0 auto;
      }
    }
  }

  .ant-tabs-tab {
    width: auto;
    text-align: center;
    background-image: url('../../../../graphmod-assets/assets/command/center.png');
    background-repeat: round;
    background-size: cover;
    border-radius: 0;


    &:nth-of-type(2) {
      background-image: url('../../../../graphmod-assets/assets/command/sidesleft.png');
      background-size: cover;
      border-left: 0;
    }

    &:last-child {
      background-image: url('../../../../graphmod-assets/assets/command/sidesright.png');
      background-size: cover;
      border-left: 0;
    }
  }

  .ant-tabs-tab-active {
    background-image: url('../../../../graphmod-assets/assets/command/centerselected.png');
    background-repeat: round;
    background-size: cover;

    &:nth-of-type(2) {
      background-image: url('../../../../graphmod-assets/assets/command/selectedsidesleft.png');
      background-size: cover;
      border-left: 0;
    }

    &:last-child {
      background-image: url('../../../../graphmod-assets/assets/command/selectedsidesright.png');
      background-size: cover;
      border-left: 0;
    }
  }

  .ant-tabs-ink-bar {
    display: none;
  }

  .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-inner {
    color: white;
  }

  .ant-tabs {
    height: 100%;
  }

  .ant-tabs-bar {
    margin-bottom: 0;
    border: none;
  }

  .ant-tabs-content {
    height: calc(100% - 43px);
    padding-top: 16px;

    >div {
      height: 100%;
    }

    .ant-tabs-tabpane {
      height: 100%;

      >div {
        >div {
          // height: 100%;
          overflow-x: auto;
        }
      }
    }

    .ccs-itemLabel {
      width: 240px;
    }

    .ccs-itemValue {
      width: 400px;
    }

    .ccs-resultWidth {
      width: 500px;
    }

    .ccs-resultValue {
      width: 240px;
      border-bottom: 1px solid #6fc2e2;
    }

    .ccs-buttonStyle {
      margin-left: 10px;
    }
  }

  .ccs-formula-calculate-row-css {
    margin-top: 12px;
    font-size: 12px;
    line-height: 36px;

    .ccs-span-css {
      padding-left: 17px;
    }

    .ccs-span-bottom-css {
      padding-left: 17px;
    }

    .ccs-valueBox {
      border-bottom: 1px solid #6fc2e2;
    }
  }

  .ccs-formula-calculate-content-css {
    width: 100%;
    color: white;

    .ccs-disaster-right-title-css {
      //@include titleBeforeIcon;
      margin-bottom: 20px;
      font-size: 20px;
    }
  }

  .ccs-formula-calculate-divider-css {
    margin: 20px 0;
    border: 1px solid #6fc2e2;
  }

  .ccs-formula-calculate-button-css {
    margin-top: 20px;
    text-align: center;
  }

  .ccs-formula-calculate-bottom-css {
    color: white;

    .ccs-disaster-right-title-css {
      //@include titleBeforeIcon;
      margin-bottom: 15px;
      font-size: 20px;
    }
  }
}
