.helper-block {
  line-height: 0.20833333rem;
  background: #FFF;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.helper-block:after {
  content: '';
  height: 0.00520833rem;
  width: 100%;
  background: #E7E7E7;
  position: absolute;
  bottom: 0;
}
.helper-box {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.helper-box > a {
  color: var(--main-color);
  font-size: 0.09375rem;
  font-weight: 600;
  padding: 0.02604167rem 0.078125rem;
  position: relative;
}
.helper-box a:not(:last-child):after {
  content: '';
  width: 0.00520833rem;
  height: 0.078125rem;
  background: var(--main-color);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  margin: auto;
}
.site-head-block {
  background: #FFF url("../img/head_bg.png") no-repeat center center;
  background-size: 10rem 1.04166667rem;
}
.site-head {
  max-width: 7.29166667rem;
  margin: 0 auto 0;
  height: 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.site-head .logo {
  height: 0.52083333rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.15625rem;
}
.site-head .logo img {
  height: 100%;
}
.site-head .search {
  width: 2.08333333rem;
  height: 0.26041667rem;
  border-radius: 0.08333333rem;
  overflow: hidden;
  margin: 0 0 0.05208333rem 0;
  background: #ffffff url("../img/search.png") no-repeat 0.05208333rem 0.05208333rem;
  background-size: 0.14583333rem 0.15104167rem;
  border: 0.00520833rem solid var(--main-color);
  position: relative;
}
.site-head .search::before {
  content: '';
  width: 0.01041667rem;
  height: 0.11979167rem;
  position: absolute;
  left: 0.23958333rem;
  top: 0.07291667rem;
  background: var(--main-color);
}
.site-head .search input[type=text] {
  width: 1.30208333rem;
  height: 0.26041667rem;
  line-height: 0.26041667rem;
  border-radius: 0.08333333rem 0 0 0.08333333rem;
  padding: 0 0.05208333rem 0 0.05208333rem;
  font-size: 0.09375rem;
  color: #999999;
  margin: 0 0 0 0.26041667rem;
}
.site-head .search input[type=text]::placeholder {
  color: #dbdbdb;
  font-size: 0.09375rem;
}
.site-head .search input[type=submit] {
  width: 0.41666667rem;
  height: 0.26041667rem;
  line-height: 0.26041667rem;
  background: var(--main-color);
  text-align: center;
  font-size: 0.09375rem;
  color: #fff;
}
.mobile-nav-trigger {
  display: none;
}
.nav {
  height: 0.3125rem;
  background: var(--main-color);
  position: sticky;
  top: 0;
  z-index: 10;
  transition: all 0.3s ease;
}
.mobile-navBar {
  display: none;
}
.navBar {
  max-width: 7.39583333rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navBar > li {
  flex: 1;
  position: relative;
  padding: 0.01041667rem 0 0 0;
}
.navBar > li:not(:last-child):after {
  content: '';
  width: 0.00520833rem;
  height: 0.30208333rem;
  background: var(--second-color);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.navBar > li > a {
  display: block;
  line-height: 0.30208333rem;
  text-align: center;
  font-size: 0.09375rem;
  color: #FFF;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}
.navBar > li > a:hover,
.navBar > li.hover > a {
  background: var(--second-color);
  color: #FFF;
}
.navBar > li .dr-box {
  width: 100%;
  max-height: 0;
  background: var(--main-color);
  border-radius: 0 0 0.02083333rem 0.02083333rem;
  position: absolute;
  top: 0.3125rem;
  left: 0;
  z-index: 10;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
}
.navBar > li:last-of-type .dr-box {
  top: 0.3125rem;
}
.navBar > li:hover .dr-box {
  max-height: 3.02083333rem;
}
.navBar > li .dr-box > li {
  position: relative;
}
.navBar > li .dr-box > li > a {
  display: block;
  text-align: center;
  line-height: 0.3125rem;
  font-size: 0.09375rem;
  color: #FFF;
}
.navBar > li .dr-box > li:hover {
  background: var(--second-color);
}
/*底部*/
.footer-block {
  overflow: hidden;
  background: #F9F9F9;
  margin: 0;
  text-align: center;
  padding: 0.15625rem 0;
}
.footer {
  width: 7.29166667rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.10416667rem;
}
.footer .copy-right {
  line-height: 2;
  text-align: center;
}
.footer .copy-right p,
.footer .copy-right a,
.footer .copy-right span {
  font-size: 0.09375rem;
}
.footer .sl-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.05208333rem;
}
.footer .sl-icon img {
  max-width: 0.52083333rem;
}
/*没有数据提示*/
.not-data {
  line-height: 0.13020833rem;
  padding: 0.05208333rem;
  font-size: 0.09375rem;
  color: #cdcdcd;
  text-align: center;
}
.not-data i {
  padding: 0.05208333rem;
  font-size: 0.52083333rem;
  color: #cdcdcd;
  text-align: center;
}
/*当前位置*/
.location-box {
  padding: 0 0.10416667rem;
  position: relative;
}
.location-box:after {
  content: '';
  height: 0.00520833rem;
  background: linear-gradient(90deg, transparent 0%, #E7E7E7 20%, #E7E7E7 80%, transparent 100%);
  opacity: 0.9;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.location {
  width: 7.29166667rem;
  margin: 0 auto;
  padding: 0 0.10416667rem;
  height: 0.3125rem;
  line-height: 0.3125rem;
  text-align: left;
  position: relative;
  border-radius: 0 0 0.04166667rem 0.04166667rem;
}
.location a {
  font-size: 0.08333333rem;
  color: var(--main-color);
}
.location a.cur {
  color: var(--font-color);
}
.location span {
  font-size: 0.08333333rem;
  padding: 0 0.05208333rem;
  color: var(--main-color);
}
.sub-menu-box {
  padding: 0 0 0.10416667rem 0;
  position: relative;
}
.sub-menu-box:after {
  content: '';
  height: 0.00520833rem;
  background: linear-gradient(90deg, transparent 0%, #E7E7E7 20%, #E7E7E7 80%, transparent 100%);
  opacity: 0.9;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.sub-menu-header {
  display: flex;
  flex-direction: column;
  gap: 0.05208333rem;
  padding: 0.26041667rem 0 0 0;
  text-align: center;
}
.sub-menu-header h2 {
  font-size: 0.15625rem;
  color: var(--font-color);
  font-weight: 700;
  letter-spacing: 0.01041667rem;
}
.sub-menu-header span {
  font-size: 0.10416667rem;
  color: var(--font-color);
}
.sub-menu {
  width: 7.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.05208333rem;
  margin: 0.10416667rem auto 0;
}
.sub-menu li {
  border: solid 0.00520833rem var(--font-en-color);
  border-radius: 0.04166667rem;
  position: relative;
}
.sub-menu li.hover,
.sub-menu li:hover {
  background: var(--main-color);
}
.sub-menu li a {
  display: block;
  padding: 0.05208333rem 0.26041667rem;
  font-size: 0.10416667rem;
  color: var(--font-color);
  font-weight: 700;
}
.sub-menu li.hover a,
.sub-menu li:hover a {
  color: #FFF;
}
.main-block {
  min-height: 4.16666667rem;
  background-size: 100% 100%;
}
.main {
  width: 7.29166667rem;
  margin: 0.10416667rem auto;
  overflow: hidden;
}
/*分页*/
.page {
  margin: 0.15625rem 0;
  padding: 0.05208333rem;
  border-radius: 0.04166667rem;
}
.page .page-box {
  float: left;
}
.page .page-box li {
  list-style-type: none;
  border: solid 0.00520833rem #eee;
  margin: 0 0.01041667rem;
  float: left;
  border-radius: 0.02604167rem;
  cursor: pointer;
  height: 0.234375rem;
  line-height: 0.234375rem;
  width: 0.234375rem;
  text-align: center;
  background: #FFF;
}
.page .page-box li:hover {
  background: var(--main-color);
}
.page .page-box li a {
  text-decoration: none;
  display: block;
  font-size: 0.08333333rem;
  color: #555;
  font-weight: 600;
}
.page .page-box li span {
  color: #333;
  display: block;
  font-size: 0.07291667rem;
  font-weight: 600;
}
.page .page-box li:hover a {
  color: #fff;
  display: inline-block;
}
.page .page-box li:hover span {
  color: #fff;
}
.page .page-box li.active {
  background: var(--main-color);
}
.page .page-box li.active a {
  color: #fff;
}
.page .page-box li.active span {
  color: #fff;
}
.clearFix:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  content: '';
}
.page .page-total {
  float: right;
  padding: 0 0.05208333rem 0 0.02604167rem;
  line-height: 0.234375rem;
  font-size: 0.08333333rem;
  height: 0.234375rem;
}
.page .page-total span {
  padding: 0rem 0.01041667rem;
  font-size: 0.08333333rem;
}
.page .page-total label {
  padding: 0rem 0.01041667rem;
  font-size: 0.08333333rem;
}
/*距离*/
.m-top {
  margin: 0.05208333rem 0 0 0;
}
/* 上一篇、下一篇--开始- */
.next-lnk {
  width: 100%;
  margin: 0.05208333rem 0.13020833rem;
  padding: 0.13020833rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.05208333rem;
  position: relative;
}
.next-lnk:after {
  content: '';
  height: 0.00520833rem;
  background: linear-gradient(90deg, transparent 0%, #E7E7E7 20%, #E7E7E7 80%, transparent 100%);
  opacity: 0.9;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.next-lnk a,
.next-lnk span {
  font-size: 0.10416667rem;
  color: #333;
}
.next-lnk a:hover {
  color: #ff9200;
}
.next-lnk i {
  padding: 0.01041667rem;
  font-size: 0.09375rem;
  color: var(--main-color);
}
/*# sourceMappingURL=layout.css.map */