body{background: #F9F9F9;}

.header{background:url(../images/zsbgtop.jpg) no-repeat top center; }
body .header{background-image:url(../images/zsbgtop.jpg)}
.header .zs_logo{text-align: center;}
.footer{background: #F9F9F9;border-top:4px solid #41A684;color:#999999;}
.footer span,.footer a{color:#999999;}

.btn-success{margin-bottom:10px}
.case{padding-bottom:20px}
.mainBox{margin: 0}
.common-title{margin:10px 0;}
.bootstrap-table .fixed-table-container .table thead th .th-inner{font-weight:bold}
.bootstrap-table .fixed-table-container .table th, .bootstrap-table .fixed-table-container .table td{font-size: 0.95em;text-align: center;}
.common-title .currentName{background: url(../images/icobook.png) no-repeat left center;padding:10px 0 10px 56px;color:#000}
.common-title .currentName:before{background: transparent;width: 0}
.pagediv .arrow a:hover, .page_jump a:hover, .pagediv .arrow .current{background:#43A573}

.tab-link{padding:30px 0}
.tab-link a{text-align: center;color:#60BEAE;line-height: 3;font-size: 1.3em;border-radius: 10px;font-weight: bold;box-shadow: 0px 6px 0px 0px #45a580;padding: 5px 0;border:1px solid #5EBEB2;text-decoration:none}
.tab-link a.on{background: #61BFAF;color: #fff ;}

.table_tit{text-align: center;font-weight:bold}

.dropdown{margin-bottom:20px;text-align:right}

.zclist{padding:0 50px}
.zclist ul li a{    padding-left: 5px;
    text-decoration: none;
    color: #000;}


.item_row{display: flex;flex-direction: row;flex-wrap: wrap;align-content: space-between;}

.items{width: 10%;text-align: center;font-size: 0.8em;border: 1px solid #dedede;margin:13px;padding: 10px;}
.items a{text-decoration:none}
.items p{margin-bottom:0;color: #000;}

.article-title{text-align: center;font-size:2rem;font-size:bold}


.crumb dl{margin:0}
.crumb em{font-style:unset;padding-left:25px;float: left;display: table-cell;}
.crumb dl dd{margin:0;}
.crumb a,.crumb span{text-decoration:none;color:#61BFAF}
// The dropdown wrapper (`<div>`)
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;

  // Generate the caret automatically
  @include caret();
}

// The dropdown menu
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: $zindex-dropdown;
  display: none; // none by default, but block on "open" of the menu
  float: left;
  min-width: $dropdown-min-width;
  padding: $dropdown-padding-y $dropdown-padding-x;
  margin: $dropdown-spacer 0 0; // override default ul
  @include font-size($dropdown-font-size);
  color: $dropdown-color;
  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
  list-style: none;
  background-color: $dropdown-bg;
  background-clip: padding-box;
  border: $dropdown-border-width solid $dropdown-border-color;
  @include border-radius($dropdown-border-radius);
  @include box-shadow($dropdown-box-shadow);
}

@each $breakpoint in map-keys($grid-breakpoints) {
  @include media-breakpoint-up($breakpoint) {
    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

    .dropdown-menu#{$infix}-left {
      right: auto;
      left: 0;
    }

    .dropdown-menu#{$infix}-right {
      right: 0;
      left: auto;
    }
  }
}

// Allow for dropdowns to go bottom up (aka, dropup-menu)
// Just add .dropup after the standard .dropdown class and you're set.
.dropup {
  .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: $dropdown-spacer;
  }

  .dropdown-toggle {
    @include caret(up);
  }
}

.dropright {
  .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: $dropdown-spacer;
  }

  .dropdown-toggle {
    @include caret(right);
    &::after {
      vertical-align: 0;
    }
  }
}

.dropleft {
  .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: $dropdown-spacer;
  }

  .dropdown-toggle {
    @include caret(left);
    &::before {
      vertical-align: 0;
    }
  }
}

// When Popper is enabled, reset the basic dropdown position
// stylelint-disable-next-line no-duplicate-selectors
.dropdown-menu {
  &[x-placement^="top"],
  &[x-placement^="right"],
  &[x-placement^="bottom"],
  &[x-placement^="left"] {
    right: auto;
    bottom: auto;
  }
}

// Dividers (basically an `<hr>`) within the dropdown
.dropdown-divider {
  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);
}

// Links, buttons, and more within the dropdown menu
//
// `<button>`-specific styles are denoted with `// For <button>s`
.dropdown-item {
  display: block;
  width: 100%; // For `<button>`s
  padding: $dropdown-item-padding-y $dropdown-item-padding-x;
  clear: both;
  font-weight: $font-weight-normal;
  color: $dropdown-link-color;
  text-align: inherit; // For `<button>`s
  text-decoration: if($link-decoration == none, null, none);
  white-space: nowrap; // prevent links from randomly breaking onto new lines
  background-color: transparent; // For `<button>`s
  border: 0; // For `<button>`s

  // Prevent dropdown overflow if there's no padding
  // See https://github.com/twbs/bootstrap/pull/27703
  @if $dropdown-padding-y == 0 {
    &:first-child {
      @include border-top-radius($dropdown-inner-border-radius);
    }

    &:last-child {
      @include border-bottom-radius($dropdown-inner-border-radius);
    }
  }

  @include hover-focus() {
    color: $dropdown-link-hover-color;
    text-decoration: none;
    @include gradient-bg($dropdown-link-hover-bg);
  }

  &.active,
  &:active {
    color: $dropdown-link-active-color;
    text-decoration: none;
    @include gradient-bg($dropdown-link-active-bg);
  }

  &.disabled,
  &:disabled {
    color: $dropdown-link-disabled-color;
    pointer-events: none;
    background-color: transparent;
    // Remove CSS gradients if they're enabled
    @if $enable-gradients {
      background-image: none;
    }
  }
}

.dropdown-menu.show {
  display: block;
}

// Dropdown section headers
.dropdown-header {
  display: block;
  padding: $dropdown-header-padding;
  margin-bottom: 0; // for use with heading elements
  @include font-size($font-size-sm);
  color: $dropdown-header-color;
  white-space: nowrap; // as with > li > a
}

// Dropdown text
.dropdown-item-text {
  display: block;
  padding: $dropdown-item-padding-y $dropdown-item-padding-x;
  color: $dropdown-link-color;
}
.dropdown-menu{
    height:150px;
    overflow-y: auto;
}

/*-------------*/
@media screen and (min-width: 1200px){
.item_row .items:nth-child(8n+8) {margin-right:0}
}
@media screen and (max-width: 768px){

	.header {
	    height: ;
            /*background:url(../images/zsbgtop_wap.jpg) no-repeat top center*/
	}
.items{
    width:27%
}
.item_row .items:nth-child(3n+3) {margin-right:0}
.tab-link a{
      line-height:2;
      font-size:0.8em
        }
.table_tit{
      font-size:1.2em
}
.zclist{
      padding:0 15px
}
.article-title{font-size:1.5rem}
}