@charset "UTF-8";
.h-body {
  font: 14px Consolas, 'Microsoft JhengHei', 'Apple LiGothic Medium,Microsoft YaHei', 微软雅黑, Arial, sans-serif;
  background-color: #f4f8fb;
  user-select: none; }

.h-fleft {
  float: left; }

.h-fright {
  float: right; }

.h-bg-white {
  background-color: #ffffff !important; }

.h-bg-green {
  background-color: #5fb878 !important; }

.h-box-shadow {
  box-shadow: 0 0 0.6rem 0 #d0d0d0; }

/*头部*/
.h-height {
  height: 4.375rem; }

.h-nav {
  margin: 0 1.25rem; }
  .h-nav .layui-nav-item {
    line-height: 4.375rem; }
  .h-nav .h-nav-child {
    top: 4.375rem;
    width: 25rem;
    border: none;
    box-shadow: 0 5px 10px 1px #d0d0d0;
    padding: 0.625rem; }
    .h-nav .h-nav-child li {
      float: left;
      width: 25%;
      text-align: center; }

.h-user-wrapper {
  width: 200px;
  height: 150px;
  background-image: linear-gradient(135deg, #43CBFF 10%, #9708CC 100%);
  text-align: center; }
  .h-user-wrapper .h-user-avatar {
    display: block;
    padding-top: 35px; }
    .h-user-wrapper .h-user-avatar img {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid; }
  .h-user-wrapper .h-user-title {
    display: block; }
  .h-user-wrapper .h-user-tag {
    font-style: normal; }

.h-nav-side .layui-nav-tree .layui-nav-item a {
  color: #000 !important; }
  .h-nav-side .layui-nav-tree .layui-nav-item a:hover {
    background-color: #f8f8f8; }
  .h-nav-side .layui-nav-tree .layui-nav-item a i {
    color: #000 !important; }

.h-nav-side .layui-nav-itemed .layui-nav-child {
  background-color: #FFFFFF !important; }

.h-nav-side .layui-nav-itemed a .layui-nav-more {
  border-color: transparent transparent #d2d2d2; }

.h-rmain {
  height: 4.375rem;
  line-height: 4.375rem;
  overflow: hidden; }
  .h-rmain .h-search {
    display: flex;
    align-items: center;
    height: inherit;
    padding: 0 0.625rem; }
    .h-rmain .h-search .h-sinput {
      display: inline;
      background-color: rgba(255, 255, 255, 0.05);
      border: none 0;
      color: rgba(255, 255, 255, 0.8);
      font-size: 12px; }
    .h-rmain .h-search .h-sbutton {
      background: #434752;
      border: none;
      color: #FFF; }
      .h-rmain .h-search .h-sbutton .h-sicon {
        background-color: #434752;
        height: 38px;
        line-height: 38px;
        padding: 0 10px;
        cursor: pointer; }

/* banner */
.h-banner .h-banner-item img {
  width: 100%;
  height: 304px; }

/*面包屑*/
.h-breadcrumb-wrapper {
  margin-bottom: 10px; }
  .h-breadcrumb-wrapper .h-breadcrumb {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px 10px 10px 0; }
    .h-breadcrumb-wrapper .h-breadcrumb .breadcrumb-item {
      float: left; }
      .h-breadcrumb-wrapper .h-breadcrumb .breadcrumb-item a {
        padding: 0 5px; }
      .h-breadcrumb-wrapper .h-breadcrumb .breadcrumb-item::before {
        content: "/"; }
      .h-breadcrumb-wrapper .h-breadcrumb .breadcrumb-item:first-child::before {
        content: ""; }
    .h-breadcrumb-wrapper .h-breadcrumb .breadcrumb-item:last-child {
      max-width: 45%;
      overflow: hidden;
      text-overflow: clip;
      white-space: nowrap;
      text-overflow: ellipsis; }

.layui-card-header i,
.layui-card-header h3 {
  display: initial;
  font-weight: 600;
  font-size: 18px; }

.layui-card-header a {
  float: right; }
  .layui-card-header a p {
    display: initial; }
  .layui-card-header a i {
    font-size: 0.75rem; }

.h-comcard,
.h-topcard,
.h-catalog,
.h-catalog-list,
.h-detail {
  overflow: hidden; }
  .h-comcard .layui-card-header > i,
  .h-topcard .layui-card-header > i,
  .h-catalog .layui-card-header > i,
  .h-catalog-list .layui-card-header > i,
  .h-detail .layui-card-header > i {
    padding-right: 5px; }
  .h-comcard header > h3,
  .h-topcard header > h3,
  .h-catalog header > h3,
  .h-catalog-list header > h3,
  .h-detail header > h3 {
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap; }
  .h-comcard section,
  .h-topcard section,
  .h-catalog section,
  .h-catalog-list section,
  .h-detail section {
    overflow: hidden; }

.h-comcard li {
  float: left;
  padding: 0 0.625rem;
  text-align: center;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap; }
  .h-comcard li a:hover {
    color: #333;
    text-decoration: underline; }

.h-index-catalog ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap; }

.h-index-catalog li {
  width: 17%;
  padding: 0 0.625rem;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap; }
  .h-index-catalog li a:hover {
    color: #333;
    text-decoration: underline; }

.h-recommend {
  height: 304px; }
  .h-recommend section {
    height: 234px; }
  .h-recommend .layui-links {
    height: 251px; }

.h-topcard a {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 26px; }
  .h-topcard a strong {
    line-height: 16px;
    padding: 0px 0.3125rem;
    background-color: #6c757d;
    color: #fff;
    box-shadow: 0 0 0.3125rem 0 rgba(49, 58, 70, 0.5); }
  .h-topcard a h3 {
    flex-grow: 2;
    width: 70%;
    margin: 0 0.3125rem;
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    color: #4a494d; }
    .h-topcard a h3:hover {
      text-decoration: underline; }
  .h-topcard a b {
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap; }

.h-topcard li:nth-child(1) strong {
  background-color: #5fb878; }

.h-topcard li:nth-child(2) strong {
  background-color: #1e9fff; }

.h-topcard li:nth-child(3) strong {
  background-color: #ff5722; }

/*目录页*/
.h-catalog section {
  min-height: 0; }

.h-catalog .layui-links li {
  float: left;
  width: 15%;
  height: 3.125rem;
  line-height: 3.125rem;
  color: #ffffff;
  text-align: center;
  padding: 0 0.625rem;
  margin: 0.625rem;
  border-radius: 0.3125rem;
  cursor: pointer; }
  .h-catalog .layui-links li a {
    font-size: 16px; }
  .h-catalog .layui-links li.h-link-this, .h-catalog .layui-links li:hover {
    background-color: #f2f2f2;
    box-shadow: 0 0 0 0 #ffffff; }
    .h-catalog .layui-links li.h-link-this a, .h-catalog .layui-links li:hover a {
      color: #000000;
      text-decoration: none; }

/*目录列表*/
.h-catalog-list section {
  min-height: 0;
  padding: 0; }

.h-catalog-list .layui-links {
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%;
  overflow: hidden; }
  .h-catalog-list .layui-links li {
    padding: 1.25rem;
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    cursor: pointer; }
    .h-catalog-list .layui-links li:hover {
      background-color: #eeeeee33; }
      .h-catalog-list .layui-links li:hover a {
        color: #000000;
        text-decoration: none; }
  .h-catalog-list .layui-links li:nth-child(3n) {
    border-right: none; }
  .h-catalog-list .layui-links li:nth-last-child(1),
  .h-catalog-list .layui-links li:nth-last-child(2),
  .h-catalog-list .layui-links li:nth-last-child(3) {
    border-bottom: none; }
  .h-catalog-list .layui-links a {
    display: block;
    height: 100%; }
  .h-catalog-list .layui-links img {
    width: 12.5rem;
    height: 4.375rem; }
  .h-catalog-list .layui-links p {
    height: 3.125rem;
    overflow: hidden;
    text-overflow: ellipsis; }
  .h-catalog-list .layui-links span {
    margin-top: 0.625rem;
    padding: 0.1875rem 0.625rem;
    background-color: #f2f2f2;
    color: #5fb878; }
    .h-catalog-list .layui-links span:hover {
      background-color: #5fb878;
      color: #ffffff; }
    .h-catalog-list .layui-links span.h-fleft {
      float: left;
      border-top-right-radius: 1.25rem;
      border-bottom-left-radius: 1.25rem; }
    .h-catalog-list .layui-links span.h-fright {
      float: right;
      border-top-left-radius: 1.25rem;
      border-bottom-right-radius: 1.25rem; }

.h-page-list .page-control .pagination {
  display: flex; }
  .h-page-list .page-control .pagination .page-item {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #eeeeee;
    margin-left: 10px; }
    .h-page-list .page-control .pagination .page-item a {
      display: block; }
  .h-page-list .page-control .pagination .active {
    background: #1E9FFF;
    color: #FFFFFF; }

/**详情页**/
.h-detail .h-detail-left {
  overflow: hidden; }

.h-detail .layui-links {
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%;
  overflow: hidden; }
  .h-detail .layui-links > li {
    display: flex;
    padding: 1.25rem;
    overflow: hidden;
    text-align: left; }
    .h-detail .layui-links > li:hover {
      background-color: #eeeeee33; }
      .h-detail .layui-links > li:hover a {
        color: #000000;
        text-decoration: none; }
    .h-detail .layui-links > li span {
      color: #c2c2c2; }
    .h-detail .layui-links > li a,
    .h-detail .layui-links > li strong {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #333;
      font-weight: normal; }
    .h-detail .layui-links > li .layui-rate {
      padding: 0; }

.h-detail .h-detail-right img {
  width: 100%;
  height: 12.5rem;
  box-shadow: 0 0 0.6rem 0 #d0d0d0;
  border: 2px solid #f2f2f2; }

.h-detail .h-detail-right .h-dright-btn,
.h-detail .h-detail-right .h-dright-btnout {
  display: block;
  width: 100%;
  height: 28px;
  line-height: 28px;
  border: 1px solid #5fb878;
  background-color: #5fb878;
  color: #ffffff;
  margin-top: 0.625rem;
  text-align: center;
  font-size: 14px;
  border-radius: 0.1875rem;
  transition: 0.2s all; }
  .h-detail .h-detail-right .h-dright-btn:hover,
  .h-detail .h-detail-right .h-dright-btnout:hover {
    background-color: #5fb878cc;
    color: #ffffff; }

.h-detail .h-detail-right .h-dright-btnout {
  background-color: #ffffff;
  color: #5fb878; }
  .h-detail .h-detail-right .h-dright-btnout:hover {
    background-color: #5fb8784d;
    color: #5fb878; }

.h-detail-warning {
  margin-left: 40%;
  margin: 5% 20%;
  line-height: 30px;
  background: #fffaf5;
  color: #f93b00;
  padding: 15px 30px;
  border-radius: 5px; }

/**友情连接**/
.h-flink {
  margin: 0.625rem 0; }
  .h-flink .layui-card-header {
    display: block; }

/**底部**/
.h-footer {
  color: #a0a0a0;
  margin-top: 0.625rem;
  padding: 50px 0;
  background-color: #1e1e1e;
  /****公众号****/ }
  .h-footer .h-fqqq,
  .h-footer .h-fgzh {
    display: flex;
    flex-flow: column-reverse;
    margin-left: 1.25rem;
    text-align: center; }
    .h-footer .h-fqqq span,
    .h-footer .h-fgzh span {
      margin-top: 0.3125rem;
      color: #ffffff; }
    .h-footer .h-fqqq img,
    .h-footer .h-fgzh img {
      width: 80px;
      height: 80px; }
  .h-footer .h-rheader,
  .h-footer .h-rmcopy,
  .h-footer .h-rmICP,
  .h-footer .h-rmnote,
  .h-footer .h-rmcontact {
    margin-bottom: 0.3rem; }
  .h-footer .h-rmcopy span,
  .h-footer .h-rmcopy a,
  .h-footer .h-rmICP span,
  .h-footer .h-rmICP a,
  .h-footer .h-rmnote p,
  .h-footer .h-rmcontact p {
    color: #a0a0a0; }
  .h-footer .h-rheader a:hover,
  .h-footer .h-rmcopy a:hover,
  .h-footer .h-rmICP a:hover {
    color: #5fb878;
    text-decoration: underline; }

.layui-fixbar {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 999999; }
  .layui-fixbar li {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 1px;
    text-align: center;
    cursor: pointer;
    font-size: 30px;
    background-color: #6c757d;
    color: #fff;
    border-radius: 2px;
    opacity: 0.95; }

.h-webinfo .layui-links li {
  line-height: 2.2em; }

.site-mobile-shade {
  content: '';
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 998; }

::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

::-webkit-scrollbar-button,
::-webkit-scrollbar-button:vertical {
  display: none; }

::-webkit-scrollbar-track,
::-webkit-scrollbar-track:vertical {
  background-color: black; }

::-webkit-scrollbar-track-piece {
  background-color: #d9d9d9; }

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:vertical {
  margin-right: 10px;
  background-color: #a6a6a6; }

::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #aaa; }

::-webkit-scrollbar-corner,
::-webkit-scrollbar-corner:vertical {
  background-color: #535353; }

::-webkit-scrollbar-resizer,
::-webkit-scrollbar-resizer:vertical {
  background-color: #ff6e00; }

@media screen and (max-width: 992px) {
  .h-index-catalog li {
    width: 27%; }
  .h-catalog .layui-links {
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
    overflow: hidden; }
    .h-catalog .layui-links li {
      width: 100%; }
  .h-detail .layui-links {
    display: block; }
    .h-detail .layui-links > li {
      padding: 0.5rem; }
  .h-catalog-list .layui-links {
    display: block; }
    .h-catalog-list .layui-links > li {
      border-bottom: 1px dashed #eee !important; } }