.esearch-home {
  min-width: 800px;
  overflow: auto;
}
.wea-weeso {
  /*a:hover {
    text-decoration: none;
  }*/
  height: 100%;
  .weeso-topbox-container {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #F4F4F4;
  }
  .weeso-topbox {
    padding-right: 24px;
    height: 40px;
    float: right;
    > ul {
      display: inline-block;
      height: 40px;
      line-height: 40px;
      float: right;
      > li {
        display: inline-block;
        padding-left: 20px;
      }
      .topbox-li-focus {
        color: #00a9ff;
      }
      .topbox-li-blur {
        color: #666;
        &:hover {
          color: #00a9ff;
        }
      }
    }
  }
  .weeso-systop {
    .weeso-systop-link {
      > a {
        color: #666666;
        text-decoration: none;
        &:hover {
          color: #00a9ff;
        }
      }
      .systop-link-searchset {
        color: #666666;
        &:hover {
          color: #00a9ff;
          cursor: pointer;
        }
      }
    }
  }
  .weeso-top {
    > li {
      cursor: pointer;
      color: #666666;
      float: right;
    }
  }
  .weeeso-title {
    text-align: center;
    padding-top: 78px;
    padding-bottom: 48px;
    .titlt-position {
      width: 428px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      .img-logo {
        margin-right: 12px;
      }
    }
    .icon-coms-ws {
      font-size: 36px;
      color: #2DB7F5;
      padding-right: 15px;
      // margin-left: -51px;
    }
    span {
      font-size: 36px;
      color: #333333;
    }
  }
  .weeso-con {
    width: 100%;
    display: flex;
    justify-content: center;
    .weeso-con-main {
      margin: 0;
      width: 504px; 
      .weeso-page_descStr {
        color: #666666;
        height: 33px;
        padding-top: 12px;
        font-size: 14px;
      }
    }
    .weeso-tab {
      position: relative;
      // max-width: 504px;
      // min-width: 428px; 
      height: 33px;
      overflow: hidden;
      .ant-spin-nested-loading {
        float: left;
      }
      .weeso-tab-content {
        float: left;
        max-width: 489px;
        white-space: nowrap;
        overflow: hidden;
        >li:first-child {
          padding-left: 0;
        }
        > li {
          font-size: 14px;
          cursor: pointer;
          display: inline-block;
          padding: 6px 7px;
          border-radius: 4px;
          margin-right: 1px;
        }
      }
      //切换tab效果
      .tab-search-click {
        background: #2DB7F5;
        color: #ffffff;
      }
      .tab-content-click {
        color: #2DB7F5;
      }
      .tab-more {
        position: absolute;
        z-index: 100;
        background: #ffffff;
        border: 1px solid #e2e2e2;
        > li {
          display: block;
          padding: 2px 12px;
          text-align: left;
          &:hover {
            background: #E9F7FF;
          }
        }
      }
    }
    .weeeso-input {
      width: 428px; 
    }
    .weeso-tab-moredefault {
      padding: 0;
      color: #00A9FF;
      text-decoration: underline;
    }
    .weeso-tab-defeault {
      font-size: 14px;
      padding: 0;
      color: #333;
    }
    .weeso-tab-defeault:hover {
      color: #00A9FF;
      text-decoration: underline;
    }
    .tab-content-rest {
      float: left;
      width: 15px;
      height: 33px;
      line-height: 33px;
      .ant-dropdown-link .anticon-down {
        font-size: 14px !important;
      }
      > a {
        color: #B2B2B2;
      }
    }
    .weeso-tab-search {
      padding-left: 25px;
    }
    .tab-icon-right {
      font-size: 12px;
      color: #B2B2B2;
      cursor: pointer;
    }
    .weeso-tab-line {
      color: #B2B2B2;
      line-height: 30px;
    }
    .weeeso-input {
      padding-top: 10px;
      position: relative;
      //图片翻转效果
      .input-left {
        position: absolute;
        top: 14px;
        left: 1px;
        cursor: pointer;
      }
      .flip-container {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        .front {
          z-index: 2;
          background-color: #fff;
        }
        .flipper {
          transition: 0.6s;
          position: relative;
        }
        .front, .back {
          position: absolute;
          top: 0;
          left: 0;
          .anticon {
            font-size: 100px;
          }
        }
      }
      .click {
        transition: .6s;
        -ms-transform: rotateY(180deg);
        position: relative;
        transform: rotateY(180deg);
      }
      .flip-container, .front, .back {
        width: 20px;
        height: 25px;
        text-align: center;
      }

      .flip-container{
        width: 26px;
        box-sizing: border-box;
        padding: 0 3px;
      }

      .icon-coms-Journal, .icon-coms-chart {
        font-size: 16px;
        color: #2DB7F5;
      }
      .input-line {
        width: 8px;
        border-left: 1px solid #E2E2E2;
        height: 14px;
        display: inline-block;
        position: absolute;
        top: 7px;
      }
    }
    .input-search {
      display: inline-block;
      width: 504px;
      height: 36px;
      line-height: 34px;
      position: relative;
      .input {
        width: 442px;
        height: 36px;
        padding-left: 40px;
        border: 1px solid #2DB7F5;
        outline: none;
      }
      .input-text {
        display: inline-block;
        width: 62px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        background: #2DB7F5;
        color: #ffffff;
        float: right;
        &:hover {
          background: #00a9ff;
        }
      }
      input::-webkit-input-placeholder{ /*WebKit browsers*/
        color: #999;
      }
      input:-ms-input-placeholder{ /*Internet Explorer*/
        color: #999;
      }
      .ant-btn {
        padding: 0px !important;
      }
    }
  }
  //隐藏
  .weeso-hide {
    display: none;
  }
  .weeso-cursor {
    display: inline-block;
    // cursor: pointer;
    max-height: 171px;
    overflow: hidden;
  }
}

.weeso-style-popover {
  // left: 20px !important;
  .ant-popover-inner {
    min-width: 0;
    .ant-popover-inner-content {
      padding: 0;
      color: #333333;
    }
  }

  //抽出样式--设置
  .wea-top-set-content {
    width: 430px;
    //height: 231px;
    .set-content-search {
      border-bottom: 1px solid #e2e2e2;
      line-height: 40px;
      margin: 0 18px;
    }
    .set-content-advanced {
      padding: 0 18px 25px 45px;
      > div {
        > span {
          display: inline-block;
          vertical-align: middle;
        }
        > span:first-child {
          width: 96px;
          margin-right: 12px;
          text-overflow:ellipsis;
          white-space:nowrap;
          overflow: hidden;
        }
      }
      .set-content-count {
        line-height: 24px;
        margin: 22px 0 18px 0;
      }
      .set-select {
        margin-right: 8px;
        //select样式复写
        .wea-select .ant-select .ant-select-selection {
          padding-right: 23px;
        }
      }
    }
    .set-content-btn {
      border-top: 1px solid #e2e2e2;
      text-align: center;
      line-height: 60px;
      cursor: pointer;
    }
  }
  //抽出样式--热点
  .wea-top-hot-content {
    color: #333333;
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 150px;
    > li {
      padding: 0 20px;
      line-height: 30px;
      cursor: pointer;
      max-width: 250px;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      > a {
        color: #333333;
      }
      &:hover {
        background: #E9F7FF;
      }
    }
  }

  //抽出样式--创建人
  .weeso-create-person {
    .create-person-content {
      color: #333333;
      width: 270px;
      height: 122px;
      text-align: center;
      .person-search {
        height: 62px;
        border-bottom: 1px solid #e2e2e2;
        padding: 12px 0;
        .wea-associative-search {
          //height: 30px;
          overflow: hidden;
        }
        .wea-browser, .wea-input-normal {
          width: 180px;
          height: 30px;
          margin: 0 auto;
        }
      }
      .person-btn {
        line-height: 60px;
      }
    }
  }
  //抽出样式--创建时间
  .weeso-create-time {
    color: #333333;
    .create-time-limit {
      padding-bottom: 2px;
      > li {
        line-height: 24px;
        padding-left: 16px;
        cursor: pointer;
        &:hover {
          background: #E9F7FF;
        }
      }
    }
    .create-time-define {
      margin: 0 16px;
      border-top: 1px solid #e2e2e2;
      > p {
        margin-bottom: 16px;
      }
      .define-text {
        padding-right: 14px;
      }
      .define-date {
        width: 130px;
        display: inline-block;
      }
    }
    .create-time-btn {
      line-height: 60px;
      text-align: center;
    }
  }
}

//下拉菜单样式
.ant-dropdown {
  .weeso-tab-defeault, .weeso-tab-moredefault {
    display: inline-block;
    width: 100%;
    padding: 7px 15px;
    text-align: center;
    cursor: pointer;
    color: #333;
    font-size: 14px;
    &:hover {
      background: #E9F7FF;
    }
  }
}


//弹出热词样式复写
.weeso-hotkeys-popover {
  padding-top: 0 !important;
  z-index: 100;
  .ant-popover-arrow {
    display: none;
  }
  .ant-popover-inner {
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
  .ant-popover-inner-content {
    padding: 0;
  }
  //热词显示
  .input-hotkeys {
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    border-top: none;
    width: 442px;
    z-index: 100;
    background: #fff;
    margin-top: -4px;
    >li {
      cursor: pointer;
    }
    .hotkeys-background {
      background: #E9F7FF;
    }
    .hotkeys-hide-background {
      background: #ffffff;
    }
    > li {
      padding-left: 41px;
      line-height: 24px;
      height: 24px;
      overflow: hidden;
      max-width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      &:hover {
        background: #E9F7FF;
      }
    }
  }
}


.weeso-tool-popover {
  width: 700px;
  height: auto;
  padding: 45px 0px 0 0px;
  .wea-associative-search {
    overflow: hidden;
  }
  .wea-form-item {
    margin-bottom: 18px;
  }
  .tool-btn {
    width: 100%;
    border-top: 1px solid #E2E2E2;
    line-height: 60px;
    text-align: center;
    margin-top: 27px;
    >div {
      display: inline-block;
    }
    >.btn-left {
      margin-right: 20px;
    }
  }
}