/*home*/
@media (max-width: 768px) {
    .home-banner{min-height: 38vh !important;}
    .home-banner .wp-block-heading {font-size: 2rem !important;}
    .home-right {margin-top: 2rem;}
}
@media (min-width: 922px) {
.site-content .dx-container {
    display: grid;
grid-template-columns: auto 36%;
grid-gap: 40px;
margin-bottom: 2rem;
}
}
.site-content .dx-container{
    margin-top: 2rem;
}
.dx-container>.ast-row {
margin-left: 0;
margin-right: 0;
}
.dx-container .ast-article-post{
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid var(--ast-global-color-7);
}

.dx-container .post-content {
padding-top: 1.5em;
padding-bottom: 1.5em;
width: 100%;
}
.dx-container .entry-title a:hover, .home-left .post-idx:hover .entry-title a, .home-right .post-idx:hover .entry-title a{color:var(--ast-global-color-1);}
.home-left .post-idx:hover {
box-shadow:0 6px 24px 0 rgba(18,43,70,.12);
}
.home-right h3{margin-bottom:1.5rem;}
.home-right .post-idx:hover {
box-shadow:0 6px 24px 0 rgba(18,43,70,.12);
}

.home-exam .tab ul {
border-radius: 4px; 
}
.home-exam .tab  ul li{    display: block;
padding: .4rem 0 .4rem .4rem;
border-bottom: 1px dashed var(--ast-global-color-7);
}
.home-exam .tab  ul li:hover{ 
    background: var(--ast-global-color-10);     border-radius: 4px;
}
.home-exam .tab ul li em{
background: var(--ast-global-color-7); 
padding: .4rem .8rem;
border-radius: 30px;
font-style: unset;
margin-right: .5rem;
font-size: .815rem;
color: var(--ast-global-color-3);
}

.home-exam{margin-bottom: 1.5rem;}

#post-2 .dx-search-wrapper {
margin-top: 8px;
}
.tab-buttons-unique {
margin: 0 auto;
display: flex;
justify-content: center;
gap: 4px;}
.tab-buttons-unique button {
background-color: transparent;
line-height: .4em;
padding-right: 20px;
padding-left: 20px;
border-radius: 30px;
box-shadow: none;
}
.tab-buttons-unique button.active {
background-color: var(--ast-global-color-0);
}
.tab-buttons-unique button:hover { 
background-color: var(--ast-global-color-1); }
@media (max-width: 921px) {
    .tab-buttons-unique button {color: var(--ast-global-color-10);}
    .tab-buttons-unique button.active {
        color: var(--ast-global-color-5);
        border-bottom: 2px solid var(--ast-global-color-5);
        background:unset;
        border-radius: 0;
    }
}

/*single*/
.single .entry-header {
    margin-bottom: 1em;
}

.post-inst{margin: 2rem 0;}
	
	.post-inst .inst-list-1{box-shadow:0 6px 24px 0 rgba(18,43,70,.12)}
	.post-inst .list-header{background: #F3F3F3;text-align: left;}
	.inst-list-1 tbody:nth-child(odd){background: #f9f9f9;}
	.inst-list-1 tbody:hover{background:var(--ast-global-color-10);}
	.post-inst table,.inst-list-1 td,.inst-list-1 th{border: 0px solid!important;}
    .inst-list-1 tbody .rank {padding-left: 1em;}

	.inst-list-1 .score span{ display: inline-block;border-radius: 50%;
    text-align: center; width: 30px; height: 30px;line-height: 30px;color: #ffffff;}
	.inst-list-1 .score .Red,.inst-list-1 .score .Sparkling-Red{background: #ba1628; }
	.inst-list-1 .score .White{background:#969902;}
	.inst-list-1 .score .Rose,.inst-list-1 .score .Sparkling-Rose{background:pink;}
	.inst-list-1 .score .Sparkling-White{border: 1px solid var(--ast-global-color-0);}
	
	.inst-grid-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:840px;padding-bottom: 20px;
    margin: 0 auto;}
    .post-inst .grid-inner-wrap{
	background: #FFFFFF;
    border: 1px solid #e7e9ec;
    border-radius: 4px;
    overflow: hidden;
    min-width: 1px;
	padding: .8rem 1rem;
    transition: all linear .2s;
    height: 100%;
	display: grid;
    grid-template-columns: 15% auto;
    grid-gap: 2rem;}
	
	.post-inst .grid-inner-wrap:hover{box-shadow:0 6px 24px 0 rgba(18,43,70,.12)}
    
    .post-inst .grid-inner-wrap .post-instgrid-img {display: block;position: relative; overflow: hidden;}
    .post-inst .grid-img img {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    border-radius: 99px;
	width: 100px;}	

	.post-inst .grid-content-wrap{padding: .8rem; min-width: 80%;
		display:flex;flex-direction:column;}
	.post-inst .grid-title {font-weight: 400;margin-bottom: 5px;}
    .post-inst .title-en{display: list-item;list-style:none;line-height: 1rem;font-size: 0.9rem;}
    .post-inst .title-en a{color:var(--ast-global-color-3)}
    .post-inst .title-en a:hover{color:var(--ast-global-color-0)}
	.grid-title a {color: var(--ast-global-color-3);}
	.grid-title a:hover {color: var(--ast-global-color-0);}
	.post-inst .grid-tasting_note{margin: 10px 0;
		color: #999999;
    overflow: hidden;}
	.post-inst .grid-meta{margin-top:auto;display: flex;line-height: 1.45;}
    .post-inst .grid-meta .pts {border-radius: 50%;border: 1px solid;}
    .post-inst .grid-meta .Red,.post-inst .grid-meta .Sparkling-Red{
		border: 1px solid #ba1628;
        background: #f7f3f0;
        color: #ba1628;}
    .post-inst .grid-meta .White{
		border: 1px solid #969902;
        background: var(--ast-global-color-4);
        color: #969902;}
    .post-inst .grid-meta .Rose,.post-inst .grid-meta .Sparkling-Rose{
		border: 1px solid pink!important;
        background: pink;
        color: #ffffff;}
    .post-inst .grid-meta .Sparkling-White{
		border: 1px solid var(--ast-global-color-0);
        background: var(--ast-global-color-4);
        color: var(--ast-global-color-0);}

    .post-inst .grid-meta .pts span{
		display: inline-block;
        position: relative;
        z-index: 1;
        text-align: center;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 28px;
        font-family: "Unna", "Times New Roman", Times, serif;
        font-weight: 700;}
    .post-inst .grid-meta .info{padding-left: 12px;max-height: 50px;list-style: none;}
    .post-inst .grid-ratio-wrap { padding: 8px 0;
        position: relative;
        overflow: hidden;
        }
	
@media only screen and (max-width: 767px){
	.post-inst .inst-list-1 .vintage,.post-inst .inst-list-1 .inst_type,.post-inst .inst-list-1 .region,.post-inst .inst-list-1 .price{display: none;}
	.post-inst .grid-inner-wrap{display:flex;}
	.post-inst .grid-header{}
	.post-inst .grid-title {}
	.post-inst .grid-tasting_note{font-size:.8rem;line-height: 1.1rem;-webkit-line-clamp: 3!important;}
	.post-inst .grid-content-wrap {padding: 12px 10px 10px;min-width: 72%;}	
	
	.post-inst .grid-meta .pts span{width: 32px; height: 32px;line-height: 32px;font-size: 18px;}
	.post-inst .grid-meta .info{font-size:.7rem;max-height: 32px;}
}

/*search*/
@media (min-width: 922px) {
    .site-content .ast-container {
		flex-wrap: wrap;
    }
	.banner {
    flex-basis: 100%;
	flex-grow: 1;
	}
	.banner_wrap {margin-left: auto;
		margin-right: auto;
		max-width: 1200px;
	}
}
.banner {
        background: var(--ast-global-color-5);
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
	}
@media (max-width: 921px) {
	.banner {margin-bottom:1.5em}
	.banner_wrap {padding-left: 0.54em;
        padding-right: 0.54em;}
}

#filters {margin-bottom: 1.5em;}
#toggleFilters{display: none;cursor: pointer;
	padding: 7px 12px;}
@media (max-width: 921px) {
  #filters {
    display: none; /* 在屏幕宽度小于等于921px时默认隐藏filters div */
  }
  .filter_open {display: unset!important;}
  #toggleFilters{display: inline; float: right;}
  .arrow-close::after {
  content: "⬇️";
  margin-left: 5px;
}
.arrow-open{color:var(--ast-global-color-0);}
.arrow-open::after {
  content: "⬆️";
  margin-left: 5px;
}

}
.filter-row{
	display: grid;
    grid-template-columns: 66px auto;
    grid-gap: 10px;
    margin-bottom: .4rem;
	font-size:.9rem;
}
.filter-title::after {
    content: ":";
}
.filter-group button{
	font-size:.9rem;
	padding: 0 10px 10px 0;
	color: var(--ast-global-color-3);
	background-color:unset;border-color:unset;box-shadow:unset;
}
.filter-group button:hover {
    color: var(--ast-global-color-1);
}
.filter-group .selected{
    color: var(--ast-global-color-0);
}
.gaokao{color:var(--ast-global-color-9);}
.kaoyan{color:var(--ast-global-color-11);}

/*single-inst*/
.inst_tt{display: grid;
    grid-template-columns: 10% auto;
    grid-gap: 40px;margin-bottom: 2rem;}
  
  
  .inst_logo img{border-radius: 90px; width:150px;}
  
  .inst_tag{
      margin-top: .6em;
      margin-bottom: .6em;
  }
      .inst_tag a{
          background-image: linear-gradient( 90deg,#FFB100,#F9C349);
          color: var(--ast-global-color-5)!important;
          flex-shrink: 0;
          display: inline-flex;
          padding: 0 15px;
          justify-content: center;
          align-items: center;
          height: 32px;
          line-height: 32px;
          border-radius: 20px;
          margin: 0 10px 5px 0;
          font-size: .815rem;
          text-transform: capitalize;
      }
      .inst_tag a:hover{background: #00A4FF!important;}
  
  
  .inst_info ul .inst_meta{padding: 2px 0;
      display: grid;
      grid-template-columns: 48px auto;}
      .inst_meta .metaColor {color: var(--ast-global-color-8);}
      .inst_meta .metaColor::after {content: ":";}
 
  .bb-grid{
      display: flex;
      flex-wrap: wrap;
      margin-left: -10px;
      margin-right: -10px;
      margin-bottom: -20px;
  }	
  .inst_info-inner-wrap {
      flex: 0 0 25%;
      max-width: 25%;
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 20px;
  }
  .inst_info_meta{
      background: var(--ast-global-color-4);
      border: 1px solid var(--ast-global-color-7);
      border-radius: 4px;
      overflow: hidden;
      min-width: 1px;
      height: 100%;
      display: flex;
      flex-direction: column;
      padding: 10px;
  }
  .inst_info_meta label{
  color: var(--ast-global-color-8); font-size: .815rem; font-weight: 400;
  }
  
  .inst_info_meta .master, .inst_info_meta .phd, .inst_info_meta .nkd{
  color: var(--ast-global-color-2);
  font-size:20px;
  
  }
  .inst_info_meta span{text-align: center;}
  
  .inst_info h4{margin: 1.6rem 0 1rem 0;}
  .inst_info ul {
      border-radius: 4px;
  }
  .inst_info ul li{    display: grid;
      grid-template-columns: auto 100px;
      padding: .4rem 0 .4rem .8rem;
      border-bottom: 1px dashed var(--ast-global-color-7);
      }
      .inst_info ul li:hover{ 
          background: var(--ast-global-color-10);     border-radius: 4px;
      }
      .inst_info ul li i{color: var(--ast-global-color-2);}
      .inst_info ul li em{
      background: var(--ast-global-color-7); 
      padding: .4rem .8rem;
      border-radius: 30px;
      font-style: unset;
      margin-right: .5rem;
      font-size: .815rem;
      }
      .inst_info ul li .program{background: var(--ast-global-color-9); color: var(--ast-global-color-5);}
      .inst_info time {
        font-size: .815rem;
        color: var(--ast-global-color-8);
    }
      @media only screen and (max-width: 768px){
      #primary{margin-top: 0px!important; padding: 0 0 1.5em 0!important;}
      .inst_tt {
          display: block;}
      .inst_logo, .inst_header{text-align: center; margin-bottom: 1rem;}
      .inst_logo img{width:100px; }
      .inst_tag{text-align: center;}
      .inst_tag a {
          padding: 0 6px; height: 28px;
          line-height: 28px; margin: 0 3px 5px 0;
      }
      .region{text-align: center;}
      .inst_info-inner-wrap {
      flex: 0 0 50%;
      max-width: 50%;	}
      .inst_info ul li{ display: block;}
      .inst_info ul li time{display: none;}
  }