@--color_header: #0065e4;
@--color_footer: #0065e4;
@--color_footer_filings: #0048a4;
@--color_btn: #0065e4;
@--color_swiper_dots: #0065e4;
@--color_module_title: #0065e4;
@--color_main: #0065e4;
@--color_main_title: #0065e4;

// 头部主题色
.color_header {
  background-color: @--color_header !important;
  & > .menu_box {
    & > .header_mobile_m {
      background-color: @--color_header !important;
    }
    & > .menu_list_m > .menu_item_m.menu_item_m_active {
      background-color: @--color_header !important;
    }
  }
}
// 底部主题色
.color_footer {
  background-color: @--color_footer !important;
}
// 底部备案主题色
.color_footer_filings {
  background-color: @--color_footer_filings !important;
}
// 按钮主题色
.color_btn {
  background-color: @--color_btn !important;
  border-color: @--color_btn !important;
  &:hover {
    opacity: 0.8;
  }
}
// 轮播图指示点主题色
.color_swiper_dots {
  .ant-carousel .slick-dots.slick-dots-bottom {
    li {
      & > button {
        background-color: @--color_swiper_dots !important;
        opacity: 0.2 !important;
      }
    }
    li.slick-active {
      & > button {
        background-color: @--color_swiper_dots !important;
        opacity: 1 !important;
      }
    }
  }
}
// 模块标题主题色
.color_module_title {
  color: @--color_module_title !important;
}
// 主体背景色
.color_main {
  background-color: @--color_main !important;
  &.article_title {
    background-color: transparent !important;
    border-left: 4px solid @--color_main !important;
  }
}
// 主体文本色
.color_main_title {
  color: @--color_main_title !important;
  &.no_code {
    color: #999;
  }
  &.active {
    background-color: #ecf5ff;
    & > span {
      color: @--color_main_title !important;
    }
  }
  &:hover > span {
    color: @--color_main_title !important;
  }

  &:hover > .article_item_content > .article_item_content_title {
    color: @--color_main_title !important;
  }
  &:hover > .news_aside_recommend_item_content > span:first-child {
    color: @--color_main_title !important;
  }
}
// 个人中心tabs样式
.personal_box_aside_main_item {
  &.item_active {
    border-left: 5px solid @--color_main !important;
    background-color: #ecf5ff;
  }
  &:hover {
    border-left: 5px solid @--color_main !important;
    background-color: #ecf5ff;
  }
}
.personal_box_m_tabs {
  & > .adm-tabs {
    & > .adm-tabs-header {
      & > .adm-tabs-tab-list {
        & > .adm-tabs-tab-line {
          background-color: @--color_main !important;
        }
        & > .adm-tabs-tab-wrapper {
          & > .adm-tabs-tab {
            &.adm-tabs-tab-active {
              color: @--color_main !important;
            }
          }
        }
      }
    }
  }
}
.personal_web_tabs_header {
  .personal_web_tabs_header_item {
    .personal_web_tabs_header_item_title {
      &.item_active {
        color: @--color_main !important;
      }
    }
    .personal_web_tabs_header_item_underline {
      background-color: @--color_main !important;
    }
  }
}
.personal_web_m_tabs_header {
  & > .personal_web_m_tabs_header_item {
    .personal_web_m_tabs_header_item_title {
      &.item_active {
        color: @--color_main_title !important;
      }
    }
  }
}
.yz_modal_login_body {
  & > .btn_login {
    border: 1px solid @--color_main !important;
    &:hover {
      background-color: @--color_main !important;
      & > span {
        color: #fff !important;
      }
    }
    & > span {
      color: @--color_main !important;
    }
  }
}
.ymp_modal_footer {
  & > .btn {
    background-color: #fff;
    border: 1px solid @--color_main !important;
    color: @--color_main_title !important;
    &.btn_login {
      background-color: @--color_main !important;
      color: #fff !important;
    }
  }
}
.login_wechat_btn_to_login {
  color: @--color_main !important;
  border: 1px solid @--color_main !important;
  &:hover {
    background-color: @--color_main !important;
    color: #fff !important;
  }
}
.modal_body_web_btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.1875rem;
  & > .web_btn {
    background-color: @--color_btn !important;
    &.left {
      background-color: #fff !important;
      border: 1px solid @--color_btn !important;
      & > span {
        color: @--color_btn !important;
      }
    }
    & > span {
      color: #fff !important;
    }
  }
}
.web_navigation_aside {
  & > .aside_item {
    & > .aside_item_box {
      &:hover {
        background-color: #ecf5ff;
      }
      &:hover > span {
        color: @--color_main !important;
      }
      &.active {
        background-color: #ecf5ff;
      }
      &.active > span {
        color: @--color_main !important;
      }
      & > span {
        color: #171717;
      }
    }
    & > .aside_item_box_list {
      background-color: rgba(255, 255, 255, 0.5);

      & > .aside_item_box_list_item {
        &:hover {
          color: @--color_main !important;
        }
      }
    }
  }
}
.download_main {
  & > .download_main_header {
    & > .list {
      & > .item {
        &.active {
          border-bottom: 2px solid @--color_main !important;
          color: @--color_main_title !important;
        }
      }
    }
  }
  & > .download_main_body {
    & > .download_main_box {
      & > aside {
        & > .aside_sort {
          & > .aside_sort_search {
            & > .aside_sort_search_box {
              & > .btn_search {
                & > span {
                  color: @--color_main_title !important;
                }
              }
            }
          }
          & > .aside_sort_tree {
            & > .aside_sort_tree_item {
              & > .aside_sort_tree_item_son {
                & > .aside_sort_tree_item_son_item {
                  &.active {
                    // background-color: @--color_vice !important;
                    & > span {
                      color: @--color_main_title !important;
                    }
                  }
                }
              }
            }
          }
        }
      }
      & > article {
        .download_table {
          .tabel_action_btn {
            & > .btn_main {
              background-color: @--color_main !important;
            }
            & > .btn_vice {
              border: 1px solid @--color_main !important;
              color: @--color_main_title !important;
            }
          }
        }
      }
    }
  }
}
.download_main_m {
  & > .main_tabs {
    & > .mian_tabs_item {
      &.active {
        border-bottom: 2px solid @--color_main !important;
      }
    }
  }
  & > .main_body {
    & > .main_search {
      border: 1px solid @--color_main !important;
      & > .icon {
        & > span {
          color: @--color_main_title !important;
        }
      }
    }
    & > .main_select {
      & > .my_tree_select {
        border: 1px solid @--color_main !important;
      }
    }
    & > .main_list {
      & > .main_list_item {
        & > .row3 {
          & > .btn_box {
            & > .btn_main {
              background-color: @--color_main !important;
              color: #fff;
            }
            & > .btn_vice {
              border: 1px solid @--color_main !important;
              color: @--color_main_title !important;
            }
          }
        }
      }
    }
  }
}
.news_main {
  & > .news_main_box {
    & > aside {
      & > .news_aside_recommend {
        & > .news_aside_recommend_list {
          & > .news_aside_recommend_item {
            & > .news_aside_recommend_item_content {
              & > .title {
                &:hover {
                  color: @--color_main_title !important;
                }
              }
            }
          }
        }
      }
    }
  }
}

// 自定义分页样式
.ant-pagination {
  font-size: 13px;
  font-weight: 500;
  .ant-pagination-item:hover {
    border: 1px solid @--color_main !important;
    box-sizing: border-box;

    a {
      // color: @--color_main !important;
    }
  }
  .ant-pagination-prev .ant-pagination-item-link,
  .ant-pagination-next .ant-pagination-item-link {
    background-color: #fafafa;
    border: 1px solid #eaeaea;
    & > span {
      color: #666;
    }
    &:hover {
      border: 1px solid @--color_main !important;
      box-sizing: border-box;

      span {
        color: @--color_main !important;
      }
    }
  }
  .ant-pagination-disabled .ant-pagination-item-link {
    background-color: #fafafa !important;
    border: 1px solid #eaeaea !important;
    & > span {
      color: #ccc !important;
    }
    &:hover {
      border: 1px solid #eaeaea !important;
      box-sizing: border-box !important;

      span {
        color: #ccc !important;
      }
    }
  }
  .ant-pagination-item {
    background-color: #fafafa;
    a {
      color: #666;
    }
  }
  .ant-pagination-item-active {
    background-color: @--color_main !important;
    border-color: @--color_main !important;

    a {
      color: #fff !important;
    }
  }
  .ant-pagination-options {
    .ant-pagination-options-quick-jumper {
      margin: 0;
      color: #666;

      input {
        font-size: 13px;
        border: 1px solid #eaeaea;
      }

      input:focus {
        border: 1px solid @--color_main !important;
        box-shadow: 0 0 4px @--color_main !important;
      }
    }
  }
}