@prefix: cascader-select-box;

.@{prefix} {
  height: 36px;
  line-height: 36px;
  border: 1px solid #d9d9d9;
  width: 100%;
  cursor: pointer;
  position: relative;

  .show-value {
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 12px;
    font-size: 15px;
    color: #3a2e2e;
    letter-spacing: 0;
  }

  .anticon-down {
    position: absolute;
    right: 8px;
    font-size: 8px;
    top: 11px;
    color: #d9d9d9;
  }
}

.cascader-select-change-box {
  .show-value-wrap {
    font-size: 14px;
    color: #3a2e2e;
    letter-spacing: 0;
    line-height: 19px;
    margin-bottom: 6px;
  }

  .change {
    font-size: 14px;
    color: #ed2121;
    letter-spacing: 0;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #ED2121;
    }
  }
}

/* 弹出 */
.cascader-sel-popover-box {
  background-color: #ffffff;

  .anticon-down {
    font-size: 8px;
    color: #d9d9d9;
    margin-right: 0px!important;
  }

  .ant-tabs {
    .ant-tabs-bar {
      margin:0px!important;

      .ant-tabs-nav-container {
        height: 32px!important;
      }

      .ant-tabs-nav-scroll {
        .ant-tabs-nav {
          .ant-tabs-tab {
            font-size: 14px;
            color: #a8a8a8;
            letter-spacing: 0;
            line-height: 32px;
            padding: 0px 12px;
            height: 32px;
            background: #ffffff;
            cursor: pointer;
          }

          .ant-tabs-tab-active {
            font-size: 14px;
            color: #3a2e2e;
            letter-spacing: 0;
            text-align: center;
            height: 32px;
            line-height: 32px;
          }
        }
      }
    }

    .ant-tabs-top-content {
      border-left: 1px solid #f0f0f0;
      border-bottom: 1px solid #f0f0f0;
      border-right: 1px solid #f0f0f0;

      .ant-tabs-tabpane {
        padding: 10px;
      }
    }
  }

  .col-item {
    overflow: hidden;
    margin-bottom: 9px;
    white-space: nowrap;

    span {
      cursor: pointer;
      display: block;
      font-size: 14px;
      color: #3a2e2e;
      letter-spacing: 0;
      height: 19px;
      line-height: 19px;

      &:hover {
        color: #ED2121;
      }
    }

    span.selected {
      color: #ED2121;
    }
  }
}