@import './variable/config.scss';
@import './variable/default.scss';
@import 'core';
@import 'icon';
@import './common.scss';

#app {
  width: 100%;
  height: 100%;
  min-width: 1000px;

  // 字体大小
  .base-super-big-fs {
    font-size: 30px;
  }

  .base-big-fs {
    font-size: 24px;
  }

  .base-medium-fs {
    font-size: 20px;
  }

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

  .base-sixteen-fs {
    font-size: 16px;
  }

  .base-eighteen-fs {
    font-size: 18px;
  }

  .base-twentyeight-fs {
    font-size: 28px;
  }

  .base-thirtytwo-fs {
    font-size: 32px;
  }

  // 字体加粗
  .base-bold-one-fs {
    font-weight: 100;
  }

  .base-bold-two-fs {
    font-weight: 200;
  }

  .base-bold-three-fs {
    font-weight: 300;
  }

  .base-bold-four-fs {
    font-weight: 400;
  }

  .base-bold-five-fs {
    font-weight: 500;
  }

  .base-bold-six-fs {
    font-weight: 600;
  }

  .base-bold-seven-fs {
    font-weight: 700;
  }

  .base-bold-eight-fs {
    font-weight: 100;
  }

  .base-bold-nine-fs {
    font-weight: 900;
  }

  .amap-ranging-label {
    line-height: 10px !important;
  }

  .amap-icon {
    img {
      left: 0px !important;
    }
  }
  // 省略号
  .amosicon {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .scroll-bar-style {
    &::-webkit-scrollbar {
      width: 4px;
      height: 16px;
      background-color: transparent;
      border-radius: 4px;
    }

    &::-webkit-scrollbar-track {
      background-color: rgba(71, 146, 212, 0.6);
      border-radius: 4px;
      // -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

    &::-webkit-scrollbar-thumb {
      height: 20px;
      // background-color: rgba(40, 70, 140, 0.9);
      background-color: #0febff;
      border-radius: 20px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }
  }
  // 下拉框
  .ant-select {
    font-size: 16px;
  }

  .ant-select-disabled .ant-select-selection {
    cursor: not-allowed;
    background: rgba(33, 115, 186, 0.3);
  }

  .login-input {
    color: black !important;
    background: white !important;
  }

  // 省略号
  .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .container-ul .arround-item-li:nth-child(even) {
    background-color: rgba(18, 48, 102, 0.8);
  }

  .container-ul .arround-item-li:nth-child(odd) {
    background-color: rgba(18, 48, 102, 0.8);
  }

  .ant-select-selection__rendered {
    padding-left: 0;
    line-height: 30px;
  }

  // .ant-select-arrow {
  //   &::before {
  //     width: 12px;
  //     height: 6px;
  //     content: url('/src/assets/common/form/select.png');
  //   }
  // }

  // .ant-select-arrow {
  //   &::before {
  //     width: 12px;
  //     height: 6px;
  //     content: url('/src/assets/common/form/select.png');
  //   }
  // }

  // .anticon-search:before {
  //   color: white;
  // }

  // .ant-select-arrow:before {
  //   color: white;
  // }

  //卡片
  .card {
    padding-top: 0.168rem;
    text-align: center;
    // background: $main-bg-color;
    border-radius: 0.1rem;
    flex: 1;

    .big-word {
      font-size: 0.216rem;
    }

    .big-value {
      font-size: 0.216rem;
      color: #378ff7;
    }

    .big-value2 {
      font-size: 0.13rem;
      color: #378ff7;
    }
  }

  // 数量容器
  .number-box {
    background: linear-gradient(180deg, rgba(154, 203, 251, 0.24) 0%, rgba(225, 238, 255, 0.50) 54%, rgba(157, 183, 223, 0.1) 54%, rgba(63, 117, 209, 0) 100%);
    border: 1px solid rgba(111, 194, 226, 1);
    border-radius: 2px;
    box-shadow: inset 0px 0px 18px 0px rgba(111, 194, 226, 0.67);
  }

  // .list-item {
  //   padding: 10px 10px;
  //   margin-bottom: 8px;
  //   cursor: pointer;
  //   background: url('/src/assets/common/disaster/disaster-item.png') no-repeat;
  //   background-size: 100% 100%;

  //   &:hover {
  //     background: url('/src/assets/common/disaster/disaster-active.png') no-repeat;
  //     background-size: 100% 100%;
  //   }
  // }

  // .list-item-active {
  //   background: url('/src/assets/common/disaster/disaster-active.png') no-repeat;
  //   background-size: 100% 100%;
  // }

  // 日期
  // .ant-calendar-picker:hover .ant-calendar-picker-clear {
  //   opacity: 0;
  // }

  // //日期图标
  // .ant-calendar-picker-icon:after {
  //   position: relative;
  //   top: -2px;
  //   right: 5px;
  //   content: url('/src/assets/common/form/date.png');
  // }
  // 卡片默认色
  // .card-block {
  //   // background: linear-gradient(180deg, rgba(154, 203, 251, 0.2) 0%, rgba(225, 238, 255, 0.50) 54%, rgba(157, 183, 223, 0.1) 54%, rgba(63, 117, 209, 0) 100%);
  //   // border: 1px solid rgba(111, 194, 226, 1);
  //   // border-radius: 6px;
  //   // box-shadow: 0px 0px 18px 0px rgba(111, 194, 226, 0.67) inset;
  //   background: url('/src/assets/common/bg/numberBox/map-number.png');
  //   background-size: 100% 100%;
  // }
  // 卡片选中色
  // .card-block-select {
  //   // background: linear-gradient(
  //   //   180deg,
  //   //   rgba(251, 213, 154, 0.2) 0%,
  //   //   rgba(255, 243, 225, 0.36) 54%,
  //   //   rgba(223, 196, 157, 0.1) 54%,
  //   //   rgba(209, 150, 63, 0) 100%
  //   // ) !important;
  //   // border: 1px solid rgba(231, 171, 59, 1) !important;
  //   // border-radius: 6px;
  //   // box-shadow: 0px 0px 18px 0px rgba(231, 171, 59, 0.85) inset !important;
  //   background: url('/src/assets/common/bg/numberBox/map-number-active.png');
  //   background-size: 100% 100%;
  // }
  // 新卡片样式
  // .cardBody {
  //   background: url('/src/assets/bg/card-bg.png');
  //   background-size: 100% 100%;
  // }

  // .small-card-css-selected {
  //   background: url('/src/assets/bg/card-active-bg.png');
  //   background-size: 100% 100%;
  // }
  // // 块背景
  // .block-bg {
  //   // background: $main-bg-color;
  //   background: transparent;
  // }

  // // 数量颜色
  // .block-num {
  //   color: #ffb74d;
  // }

  // // 折叠面板
  // .ant-collapse-borderless {
  //   // background: $main-bg-color;
  //   background: transparent;
  // }

  // // 时间轴
  // .amos-timeline.amos-timeline-horizontal {
  //   background: $main-bg-color;
  // }

  // 重大安保--重点对象
  // .main-card {
  //   background: $main-bg-color;
  // }
}

// //下拉选择
// .select-scroll-wrapper {
//   height: 32px;
//   background: rgba(0, 53, 88, 0.6) !important;
//   border-radius: 2px;

//   .ant-select-selection__clear {
//     color: white;
//     background: transparent;
//   }

//   .ant-select-arrow {
//     &::before {
//       width: 12px;
//       height: 6px;
//       content: url('/src/assets/common/form/select.png');
//     }
//   }

//   .ant-select-open {
//     .ant-select-arrow {
//       top: 70%;

//       &::before {
//         width: 12px;
//         height: 6px;
//         content: url('/src/assets/common/form/select.png');
//       }
//     }
//   }

//   &:focus {
//     height: 36px;
//     background: rgba(0, 53, 88, 0.6) !important;
//     border: 1px solid rgba(15, 235, 255, 0.8);
//     border-radius: 2px;
//     box-shadow: 0px 0px 9px 0px rgba(77, 170, 224, 0.8);
//   }
// }

// .gradient-word {
//   background: -webkit-linear-gradient(top, #75e8fe 60%, #58bffb 30%, #368ef8 10%);
//   -webkit-background-clip: text;
//   -webkit-text-fill-color: transparent;
// }

// .slider-right {
//   position: absolute;
//   top: calc(50% - 50px);
//   left: -20px;
//   width: 0.216rem;
//   height: 0.96rem;
//   line-height: 0.96rem;
//   color: white;
//   cursor: pointer;
//   background: rgba(0, 0, 0, 0.3);
//   border-radius: 12px 0 0 12px;
//   box-shadow: -2px 0 5px rgba(43, 22, 54, 0.2);

//   &:hover {
//     background: #562984;
//   }
// }

// // 弹出翻页
// .ant-modal-wrap {
//   .ant-pagination-prev a:after {
//     color: #071e3d;
//   }

//   .ant-pagination-next a:after {
//     color: #071e3d;
//   }
// }

// // 数字圈显示
// .arround-item-icon-num {
//   display: grid;
//   width: 40px;
//   height: 40px;
//   margin-right: 10px;
//   margin-left: 10px;
//   font-size: 22px;
//   font-weight: bold;
//   color: yellow;
//   border: 1px #368ef6 solid;
//   border-radius: 400px;
//   justify-content: center;
//   align-items: center;
// }

// // 折叠面板
// .ant-collapse-header {
//   font-size: 19px;
// }

// .ant-collapse-content {
//   font-size: 19px;
// }

// // form
// .ant-form-item-label label {
//   font-size: 19px;
// }

// // Tabs
// .ant-tabs-nav-container {
//   font-size: 19px;
// }

// // popover
// .ant-popover-inner-content {
//   background: #044c83;

//   .ant-popover-message {
//     color: white;
//   }

//   .ant-popover-buttons {
//     padding-right: 8px;
//   }

//   .ant-btn {
//     color: white;
//     background-color: transparent;
//     background-image: url('/src/assets/common/form/button.png');
//     background-repeat: round;
//     border: 1px solid #0febff;

//     &:hover {
//       box-shadow: 0px 0px 6px 2px rgba(77, 170, 224, 0.6);
//     }
//   }
// }

// // loading
// .loading-modal {
//   position: absolute;
//   top: 0;
//   right: 0;
//   bottom: 0;
//   left: 0;
//   z-index: 1000;
//   height: 100%;

//   .content-wrapper {
//     position: relative;
//     height: 100%;
//     background-color: rgba(14, 14, 14, 0.3);

//     .img-wrapper {
//       position: absolute;
//       top: 0;
//       right: 0;
//       bottom: 0;
//       left: 0;
//       margin: auto;
//     }
//   }
// }

// // 弹窗字体
// .amos-modal {
//   .base-eighteen-fs {
//     font-size: 18px;
//   }
// }

// // 数据列表展示
// .data-list-common-wrapper {
//   height: 100%;

//   .data-list-title {
//     display: flex;
//     height: 38px;
//     line-height: 38px;
//     background: rgba(33, 115, 186, 0.6);

//     .left {
//       padding-left: 15px;
//       flex: 1;
//     }

//     .right {
//       padding-right: 15px;
//       text-align: right;
//       flex: 1;
//     }
//   }

//   .data-list-content {
//     height: calc(100% - 38px);
//     padding-top: 8px;
//     overflow-y: auto;

//     .data-list-item {
//       display: flex;
//       height: 38px;
//       margin-bottom: 8px;
//       line-height: 38px;
//       cursor: pointer;
//       border: 1px solid #6fc2e2;
//       box-shadow: inset 0px 0px 18px 0px rgba(111, 194, 226, 0.67);

//       .left {
//         padding-left: 15px;
//         flex: 2;
//       }

//       .right {
//         padding-right: 15px;
//         text-align: right;
//         flex: 1;
//       }
//     }

//     .data-list-item-active {
//       background: linear-gradient(
//         180deg,
//         rgba(15, 235, 255, 0) 0%,
//         rgba(235, 175, 9, 0.46) 28%,
//         rgba(235, 175, 9, 0.7) 53%,
//         rgba(15, 235, 255, 0) 54%,
//         rgba(15, 235, 255, 0.12) 100%
//       )
//         rgba(235, 175, 9, 0.24);
//       border: 1px solid rgba(255, 191, 15, 1);
//       box-shadow: inset 0px 0px 8px 2px rgba(235, 175, 9, 0.8);
//     }
//   }
// }

// // 数据详情展示
// .data-detail-modal {
//   .amos-modal-container {
//     top: 8%;
//     width: 15rem;
//     height: 84%;

//     .amos-modal-close-x {
//       position: relative;
//       // top: 8px;
//       // right: 6px;

//       &::after {
//         display: block;
//         font-family: 'anticon' !important;
//         content: '\E633';
//       }
//     }
//   }

//   .amos-modal-content {
//     height: calc(100% - 50px) !important;
//     max-height: 100%;
//     padding: 0.05rem;
//     overflow: hidden;
//     // border: 1px solid #62cdf7;
//     border-top: 0;
//     border-radius: 0 0 4px 4px;
//   }

//   .amos-modal-header {
//     // background-color: #071e3d !important;
//     // border: 1px solid #62cdf7;
//     // border-radius: 4px 4px 0 0;

//     .amos-modal-title {
//       font-size: 17px !important;
//       color: white !important;
//     }
//   }

//   .lists-detail-root {
//     height: 100%;

//     .lists-col-root {
//       display: flex;
//       height: inherit;
//       padding-left: 32px;
//       color: white;
//       // background: #091e39;
//       justify-content: left;
//       align-items: center;
//     }

//     .lists-col-root-fix {
//       display: flex;
//       height: 100%;
//       padding-left: 32px;
//       color: white;
//       // background: #091e39;
//       justify-content: left;
//       align-items: center;
//     }

//     .lists-col-btn-root {
//       display: flex;
//       height: 100%;
//       padding-left: 10px;
//       justify-content: center;
//       align-items: center;
//     }

//     .lists-row-root {
//       height: 38px;
//       border-top: 2px solid #2998e16e;
//       border-right: 2px solid #2998e16e;
//       border-bottom: none;
//       border-left: 2px solid #2998e16e;

//       .lists-col-root-r {
//         display: flex;
//         height: 100%;
//         padding-right: 20px;
//         padding-left: 10px;
//         color: white;
//         // background: #091e39;
//         border-left: 2px solid #2998e16e;
//         justify-content: left;
//         align-items: center;
//       }
//     }

//     .lists-row-root-h {
//       // height: calc((100% - 190px)/6);
//       border-top: 2px solid #2998e16e;
//       border-right: 2px solid #2998e16e;
//       border-bottom: none;
//       border-left: 2px solid #2998e16e;

//       .lists-col-root-r {
//         display: flex;
//         height: 100%;
//         padding: 20px 20px 20px 10px;
//         color: white;
//         // background: #091e39;
//         border-left: 2px solid #2998e16e;
//         justify-content: left;
//         align-items: center;
//       }

//       &:last-child {
//         border-bottom: 2px solid #2998e16e;
//       }
//     }
//   }

//   // 数据列表展示
//   .data-list-more-wrapper {
//     height: 100%;
//     padding: 0 15px 15px 15px;

//     .data-list-search {
//       height: 50px;
//       line-height: 50px;
//     }

//     .data-list-common-wrapper {
//       height: calc(100% - 82px);

//       .data-list-title {
//         display: flex;
//         height: 38px;
//         line-height: 38px;
//         background: rgba(33, 115, 186, 0.6);

//         .left {
//           padding-left: 15px;
//           flex: 2;
//         }

//         .middle {
//           flex: 1;
//           margin-left: -34px;
//         }

//         .right {
//           padding-right: 15px;
//           text-align: right;
//           flex: 1;
//         }
//       }

//       .data-list-content {
//         height: calc(100% - 38px);
//         padding-top: 8px;
//         overflow-y: auto;

//         .data-list-item {
//           display: flex;
//           height: 38px;
//           margin-bottom: 8px;
//           line-height: 38px;
//           cursor: pointer;
//           border: 1px solid #6fc2e2;
//           box-shadow: inset 0px 0px 18px 0px rgba(111, 194, 226, 0.67);

//           .left {
//             padding-left: 15px;
//             flex: 2;
//           }

//           .middle {
//             flex: 1;
//           }

//           .right {
//             padding-right: 15px;
//             text-align: right;
//             flex: 1;
//           }
//         }

//         .data-list-item-active {
//           background: linear-gradient(
//             180deg,
//             rgba(15, 235, 255, 0) 0%,
//             rgba(235, 175, 9, 0.46) 28%,
//             rgba(235, 175, 9, 0.7) 53%,
//             rgba(15, 235, 255, 0) 54%,
//             rgba(15, 235, 255, 0.12) 100%
//           )
//             rgba(235, 175, 9, 0.24);
//           border: 1px solid rgba(255, 191, 15, 1);
//           box-shadow: inset 0px 0px 8px 2px rgba(235, 175, 9, 0.8);
//         }
//       }
//     }

//     .data-list-pagination {
//     }
//   }
// }

// .reservoir-detail-modal {
//   .lists-detail-root {
//     .lists-row-root {
//       &:last-child {
//         border-bottom: 2px solid #2998e16e;
//       }
//     }
//   }
// }
