*{margin: 0;padding: 0;font-family: "microsoft yahei";box-sizing: border-box;letter-spacing: 0.2px;}
body{background: #f8f8f8;color:#333;font-size: 14px; overflow-x:hidden;  }
ul{list-style: none;}

.fl,.f-l,.left{float: left;}
.fr,.f-r,.right{float: right;}
.clear:after{content: "";display: block;clear: both;}
.fixed:after{clear:both;display:block;height:0;content:"\200B"}
.fabu{padding:50px 0 100px 0;}
.fabu *{box-sizing:content-box}
.main{width: 1330px;margin: 0 auto;}
.blank20{height:20px;overflow:hidden;}
.blank50{height:50px;overflow:hidden;}
.widthbox{margin:0 auto;}

.Button{position:relative;display:inline-block;padding:.45em .825em .45em;text-align:center;line-height:1em;border:1px solid #c3c3c3;cursor:pointer;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;box-shadow:0 1px rgba(255,255,255,.8),inset 0 1px rgba(255,255,255,.35);-moz-box-shadow:0 1px rgba(255,255,255,.8),inset 0 1px rgba(255,255,255,.35);-webkit-box-shadow:0 1px rgba(255,255,255,.8),inset 0 1px rgba(255,255,255,.35);-moz-transition-property:color,-moz-box-shadow,text-shadow;-moz-transition-duration:.05s;-moz-transition-timing-function:ease-in-out;-webkit-transition-property:color,-webkit-box-shadow,text-shadow;-webkit-transition-duration:.05s;-webkit-transition-timing-function:ease-in-out}
.Button:hover{text-decoration:none}

/*筛选*/         

.filter .items{position:relative;width:100%;height:auto;}
.filter .items.more{padding-right:80px;}
.filter .items span{display:inline-block;position:absolute;left:0;top: 6px;line-height:28px;}

.filter .items span img{margin-right: 5px; width: 20px;  }
.filter .items dl{height:auto;width:100%;padding-bottom:5px;padding-left:106px;padding-top: 5px;}
.filter .items dt{display:inline-block;color:rgba(0,0,0,0.65);margin-right:26px; width: 90px; text-align: center;}
.filter .items dt,.filter .items dd{display:inline-block;float:left;line-height:28px;color:rgba(0,0,0,0.65);margin-right:16px;border-radius:4px;margin-bottom:4px; padding: 0 20px;}
.filter .items dt{color:#000;letter-spacing:2px}
.filter .items dd{white-space:nowrap; position: relative;border-color: #c7e5f8 ;border-radius: 8px;

  border-style: solid;
  border-width: 1px; 
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);}
.filter .items dt a,.filter .items dd a{display:block;width:100%;height:28px;line-height:28px;color:inherit;padding:0px 6px}
.filter .items dd:hover {border: 1px solid #2fa5f4;}
.filter .items.more dd{margin-bottom:10px;}
.filter .items.more{/* height:40px; */overflow: hidden;}
.filter .items dd a em.hot-Icon {
  width: 13px; height: 12px;
  top: 0px; position:absolute;
  right: -6px;
  background: url(../img/new-icon.svg) no-repeat center / 100%;
}
.scholars-choose-box{position: relative;border-bottom:1px dotted rgba(0,0,0,0.05); }
.filter .items.line{position:absolute;border:1px solid rgba(0,0,0,0.05);overflow:visible;top: 6px; right: 10px;}
.filter button.line{ width:50px;height:30px; text-align: left; border-radius:3px;padding-left:6px;background:  url(../img/icon_down.png) center right 4px no-repeat #f2f2f2;right:0;top:-30px;color:rgba(0,0,0,0.65);font-size:12px; border: none; cursor: pointer;}
.filter .items.line a i{font-size:8px}
.filter .items.line a i.up{transform:rotate(180deg);display:inline-block}
.filter .items.line.iconup{background:  url(../img/icon_up.png) center right 4px no-repeat #f2f2f2;}
.filter .items.orderby{display:inline-block;width:auto;float:left;margin-right:120px;height:38px;overflow:visible;}
.filter .items.orderby:last-child{margin-right:0;}
.filter .items.orderby dl{overflow:visible;padding-left:68px}
.filter .items.orderby dd.new{position:relative;}
.filter .items.orderby dd.new:after{content:"";width:30px;height:20px;position:absolute;top:-8px;right:-19px;background: url(../images/new-icon.svg) no-repeat center;}

.filter .items dl dd.act{border: 1px solid #2fa5f4;
  background: #2fa5f4 ;
  -webkit-transition: 0s;  color: #fff; border-radius: 8px;
  transition: 0s;}    		



  .in-search-boxV1 {width: 80%; float: left;}
.keytext{display: block;}
.height{height: auto !important;}
.filter .items.height .line {
  height: 15px;
  position: absolute;
  border-top: 1px solid rgba(0,0,0,0.05);
  overflow: visible;
  top: auto !important;
  bottom: 5px !important; 
  right: 10px;
}

 .bubble {
  position: absolute;
  top:-9px;
  right: -6px;
  width: 30px; border-radius: 5px; 
  height: 20px;
  background: #ff6767;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  
}
.common {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.triangle {
  bottom: -3px;
  border-top: 3px solid #ff6767;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
.ywcard{    background-color: #fff;
  background-clip: border-box;
  border-radius: 5px; 
  box-shadow: 0 1px 3px 0px rgb(115 108 203 / 23%);
  margin-bottom: 5px;
}
.ywcard h2{    font-size: 14px;
  position: relative;
  font-weight: 600;
  background: #f5f8f9;
  color: #334151; display: flex;
  border-bottom: 1px solid #f2f2f2;
  flex: 1 1 auto;  justify-content: space-between;
  line-height: 3.6vh;
  padding: 0 0.3rem;}
  .ywcard h2 span {
    color: #333;
    padding: 0 10px;
    position: relative;
    display: flex;
    align-items: center;
}
.ywcard h2::before {
  width: 3px;
  height: 14px;
  top: 11px;
  position: absolute;
  content: "";
  background: #2fa5f4;
  border-radius: 20px;
  left: 8px;
}
.choosebox{padding: 10px 5px;overflow: hidden;}
.shou{font-weight: normal; cursor: pointer;}
.zhan{font-weight: normal;cursor: pointer;}
.hide{display: none;}
.show{display: block;}

.ywcard a{text-decoration: none;color: inherit;}

.ywcard img{-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align:middle;border:0;}
.secondary {display: flex; flex: 1; align-items: center; justify-content: space-between; padding: 10px;}
.secondary li{padding: 0 ;cursor: pointer;  }

.secondary li.active{
  border: 1px solid #2fa5f4;
  background: #2fa5f4;
  -webkit-transition: 0s;
  color: #fff; padding:2px 8px; font-size: 13px;
  border-radius: 30px;
  transition: 0s;
}