/*
 * @Author: fs
 * @Date: 2022-05-12 14:29:11
 * @LastEditors: fan
 * @LastEditTime: 2022-11-08 16:52:31
 * @FilePath: \xhsd_gw_html\src\common\style.css
 * @Description: 定义全局样式
 *
 */
@import './reset.css';
body {
  width: 100%;
  /* max-width: 120rem;
  min-width: 46rem; */
  line-height: 1.15;
  font-family: 'Microsoft YaHei', sans-serif;
}

input,
button {
  font: inherit;
}
/* 隐藏移动端侧边弹出栏 */
.side-nav__popup {
  display: none;
}
/* 顶部 banner公共部分样式 */
.top-banner-wrapper_mobile {
  display: none;
}
.slide-search__mobile {
  display: none;
}
.top-banner {
  position: relative;
}
.top-banner img.top-banner-img {
  display: block;
  width: 100%;
}
.top-banner img.top-banner-gif {
  max-height: 100%;
  margin-left: 6.5rem;
  max-width: 35.25rem;
}
.top-banner .top-banner-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}
.top-banner-wrapper .top-banner-inner {
  position: relative;
  height: 100%;
  width: 100%;
  display: block;
  max-width: 90rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.top-banner-inner img {
  border-color: transparent;
}
.top-banner-inner .top-banner-logo {
  /* height: 7.75rem; */
  height: 6.375rem;
  max-height: 100%;
}
.top-banner-inner .top-banner-search {
  margin-left: auto;
  width: 10rem;
  padding: 0.75rem 1.375rem;
  border-radius: 1.0625rem;
  background-color: #f2eaeb;
}
.top-banner-inner .top-banner-search::placeholder {
  color: #999;
}
/* 顶部导航公共部分样式 */
.nav-bar {
  width: 100%;
  /* height: 3rem; */
  background: #f24545;
  display: flex;
  justify-content: center;
}
.nav-bar .nav-list {
  display: flex;
  align-items: center;
}
.nav-bar .nav-item:hover {
  background: #ce1818;
}

.nav-bar .nav-list .nav-item {
  color: #fff;
  font-size: 1.25rem;
  padding: 0.9375rem 2.0625rem;
  position: relative;
}
.nav-bar .nav-list a {
  color: #fff;
  display: inline-block;
  min-width: 5rem;
  text-align: center;
}
.nav-bar .nav-item .nav-dropdown {
  display: none;
}
.nav-bar .nav-item:hover .nav-dropdown {
  width: 100%;
  display: block;
  background: #fff;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 20;
}
.nav-bar .nav-item:hover .nav-dropdown li {
  padding: 1rem 0.5rem;
}
.nav-bar .nav-item:hover .nav-dropdown a {
  width: 100%;
  text-align: center;
  color: #333333;
}
.nav-dropdown li:hover {
  background: #ce1818;
}
.nav-dropdown li:hover > a {
  color: #fff !important;
}

/* 底部版权公共部分样式 */
footer {
  width: 100%;
  /* height: 18.75rem; */
  max-height: 18.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('../img/index_03.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  /* background-position: center; */
}
footer .link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
footer.footer__mobile {
  display: none;
}
.dropdown-container {
  min-width: 12rem;
  position: relative;
  border: none;
  margin-right: 2.5rem;
}
.dropdown-container .toggle {
  position: relative;
  cursor: pointer;
  padding: 0.5rem;
  color: #fff;
  border: 1px solid #fff;
  opacity: 0.7;
  z-index: 1;
}
.dropdown-container .arrow-down {
  position: absolute;
  right: 0.625rem;
  top: 50%;
  background: url('../img/down.png') no-repeat;
  width: 18px;
  height: 10px;
  z-index: 10;
  transform: translateY(-50%);
}
.dropdown-container ul {
  display: none;
  width: 100%;
  max-height: 10em;
  overflow: auto;
}
.dropdown-container:hover ul {
  display: block;
  position: absolute;
  top: 100%;
  background: #fff;
  z-index: 3;
}
.dropdown-container li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dropdown-container label {
  display: block;
  opacity: 0;
  transition: 0s;
  padding: 0.5rem;
}
.dropdown-container:hover li {
  position: relative;
}
.dropdown-container:hover label {
  opacity: 1;
  transition: 0.5s;
}
.dropdown-container label:hover {
  background: #1a73e8;
  color: #fff;
}
.external-link {
  display: flex;
  align-items: center;
  padding: 1.25rem 0;
}
.external-link > label {
  color: #fff;
  margin-right: 1.25rem;
}
.internal-link {
  padding: 1.25rem 0;
}
.internal-link > ul {
  display: flex;
}
.internal-link > ul > li {
  border-right: 1px solid #fff;
}
.internal-link > ul > li:last-child {
  border-right: none;
}
.internal-link a {
  color: #fff;
  line-height: 1.5rem;
  padding: 0 1.25rem;
}
.copyright {
  color: #fff;
  text-align: center;
  padding: 1.25rem;
}
.record-info {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 1.25rem;
}
.record-info span {
  margin: 0 1rem;
}
.record-info * {
  color: #ffffff;
}

/* 左边侧边栏公共部分样式 */
.side-bar__left {
  width: 15rem;
  /* height: 25.75rem; */
  background: #ffffff;
  box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.15);
  position: relative;
  top: -5rem;
}
.side-bar__left .sidebar-header {
  padding: 1.125rem;
  display: flex;
  align-items: center;
}
.side-bar__left .sidebar-header .header-title__container {
  display: inline-block;
  padding-left: 1rem;
}
.side-bar__left .sidebar-header .vertical-line {
  display: inline-block;
  width: 0.375rem;
  height: 2.25rem;
  background: linear-gradient(180deg, rgba(102, 102, 102, 1) 50%, rgba(186, 45, 46, 1) 50%);
}
.side-bar__left .sidebar-header .header-title--main {
  display: block;
  color: #ba2d2e;
  font-size: 1.5rem;
  font-weight: bold;
}
.side-bar__left .sidebar-header .header-title--sub {
  display: block;
  color: #999999;
  font-family: Adobe Heiti Std;
}
.side-bar__left .sidebar-nav li {
  padding: 1.25rem;
  position: relative;
}
.side-bar__left .sidebar-nav a {
  color: #666666;
  border-bottom: 1px solid #f2f2f2;
}
.side-bar__left .sidebar-nav .nav-line {
  margin: 0 1.25rem;
  height: 1px;
  background: #f2f2f2;
}
.side-bar__left .sidebar-nav .nav-item::before {
  content: '';
  display: inline-block;
  background: url('../img/---news_02.png') no-repeat;
  width: 6px;
  height: 10px;
  margin-right: 0.625rem;
}
.side-bar__left .sidebar-nav li:hover {
  background: #ba2d2e;
  color: #ffffff;
}
.side-bar__left .sidebar-nav li:hover a {
  color: #ffffff;
}
.side-bar__left .sidebar-nav li:hover::after {
  content: '';
  display: inline-block;
  background: url('../img/---news_03.png') no-repeat;
  width: 10px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.side-bar__left .sidebar-nav li.active-tab {
  background: #ba2d2e;
  color: #ffffff;
}
.side-bar__left .sidebar-nav li.active-tab a {
  color: #ffffff;
}
.side-bar__left .sidebar-nav li.active-tab::after {
  content: '';
  display: inline-block;
  background: url('../img/---news_03.png') no-repeat;
  width: 10px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sidebar-nav .empty-img {
  display: none;
  /* display: flex; */
  width: 100%;
  height: 12.5rem;
  align-items: center;
  justify-content: center;
}
.sidebar-nav .nav-line + div.empty-img {
  display: flex;
}
.sidebar-nav ul > li:first-child + div.empty-img {
  display: flex;
}
.sidebar-nav .empty-img .empty-img-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #999999;
}
.empty-img-inner img {
  max-width: 5.5rem;
}

/*通用底部*/
footer.index-footer {
  position: relative;
}
aside.report-stick--right {
  position: absolute;
  right: 0;
  top: -100%;
  transform: translateY(-100%);
  width: 12.5rem;
}

/* 公共头部 */
.main__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0 0.75rem 0;
  /* border-bottom: 3px solid;
  border-image-source: linear-gradient(90deg, rgba(186, 45, 46, 1) 10%, rgba(245, 245, 245, 1) 10%);
  border-image-slice: 1; */
}
.main__header .header-title {
  display: inline-block;
  color: #ba2d2e;
  line-height: 1.5rem;
  flex: 1;
}

.dropdown-container a {
  color: inherit;
}

/* 面包屑 */
div[class$='main__header'] .breadcrumb {
  display: flex;
  color: #999999;
}
div[class$='main__header'] .breadcrumb > ul {
  display: flex;
}
div[class$='main__header'] .breadcrumb > ul li:not(:last-child)::after {
  content: '>';
  display: inline-block;
  margin: 0 0.25rem;
}
div[class$='main__header'] .breadcrumb a {
  color: inherit;
}
/* 定义标题下划线样式 */
.header-underline {
  width: 100%;
  height: 3px;
  background-image: linear-gradient(90deg, rgba(186, 45, 46, 1) 10%, rgba(245, 245, 245, 1) 10%);
}
/* 底部二维码 */
.qrcode-bottom {
  margin-right: 2.5rem;
}
.qrcode-bottom img {
  max-height: 15rem;
}