@charset "UTF-8";
body {
  background:white !important;
}
.banner {
  width:100vw;
  position:relative;
}
.banner img {
  width:100%;
}
.banner .banner_title {
  position:absolute;
  width:100%;
  top:1.8rem;
  font-weight:bold;
  font-size:0.68rem;
  color:#FFFFFF;
  display:flex;
  justify-content:center;
}
/**
滑块*/
.trigger-menu {
  /*border-bottom:0.01rem solid #f0f0f0;*/
  font-size:0;
  /*消除li inline-block 为行内元素后的默认间距*/
  list-style:none;
}
.trigger-menu li {
  margin:0.4rem 0.4rem 0.4rem 0;
  position:relative;
  /*关键点： 为每个li设置绝对定位*/
  display:inline-block;
  /*使li为块级元素，可以横向排列*/
  padding:0.08rem 0;
  border-bottom:0.02rem solid transparent;
}
.trigger-menu li:after {
  /*hover状态下时的底部横线*/
  content:"";
  position:absolute;
  /*关键点： 该元素行对定位于 li*/
  left:50%;
  bottom:-0.15rem;
  width:50%;
  opacity:0;
  border-bottom:0.04rem solid #D52729;
  transform:translate(-50%) scaleX(0);
  transition:0.2s ease-in-out;
}
.trigger-menu li:hover::after {
  opacity:1;
  transform:translate(-50%) scaleX(1);
}
.trigger-menu a {
  padding:0.13rem 0.2rem;
  font-size:0.24rem;
  font-weight:700;
  color:#222222;
  line-height:0.25rem;
  text-decoration:none;
}
.trigger-menu a:hover {
  color:#222222;
}
/*点击后添加 .active 样式*/
/*.trigger-menu li.active {*/
/*  color:#222222;*/
/*  border-bottom:0.02rem solid #D52729;*/
/*;
}*/
.trigger-menu li.active:after {
  /*hover状态下时的底部横线*/
  content:"";
  position:absolute;
  /*关键点： 该元素行对定位于 li*/
  left:50%;
  bottom:-0.15rem;
  width:50%;
  opacity:1;
  border-bottom:0.04rem solid #D52729;
  border-radius:0.02rem;
  transform:translate(-50%) scaleX(1);
  transition:0.2s ease-in-out;
}
.trigger-menu li.active a {
  color:#222222;
}
.filter-box {
  display:flex;
  width:82vw;
  overflow:hidden;
  align-items:center;
  justify-content:space-between;
}
.content {
  width:82vw;
  background:white;
  margin:0 auto;
}
.search-box {

  padding:0.05rem;
  border:1px solid #D52729;
  border-radius:0.04rem;
  overflow:hidden;
  position:relative;

}
label{
  display: flex;
}
.search-box input {
  font-size: 0.16rem;
  border:none;
  width:100%;
  padding-right:0.4rem;
  /* Make space for the magnifier icon*/;
}
.search-box .magnifier {
  cursor:pointer;
  position:absolute;
  top:0;
  right:0;
  width:0.2rem;
  /* Icon width*/
  margin-right:0.05rem;
  height:100%;
  /* Same height as the input*/
  background:url("/static/img/news/icon_search.png") no-repeat center;
  /* Your magnifier icon*/
  background-size:100%;
  pointer-events:none;
  /* To prevent clicking on the icon*/;
}
.main-info {
  position:relative;
  width:82vw;
  height:5.2rem;
}
.main-info .main-img {
  width:82vw;
  max-height:5.2rem;
}
.main-info .main-img img {
  width:100%;
  max-height:5.2rem;
}
.main-info .text-box {
  position:absolute;
  top:3.84rem;
  left:0.6rem;
}
.main-info .text-box .text-title {
  font-weight:bold;
  font-size:0.28rem;
  color:#FFFFFF;
  margin-bottom:0.16rem;
}
.main-info .text-box .text-sub {
  font-size:0.14rem;
  color:#FFFFFF;
}
.info-list-box .info-item {
  margin-top:0.3rem;
  box-sizing:border-box;
  padding-left:0.3rem;
  padding-right:0.3rem;
  /*margin-top:0.3rem;*/
  /*padding:0.3rem  0.6rem 0.3rem;*/
  /*padding-top:0.6rem;*/
  border-bottom:#E6E6E6 solid 0.01rem;
  overflow:hidden;
  display:flex;
  width:82vw;
  height:3.8rem;
}
.info-list-box .info-item:hover {
  border:#E6E6E6 solid 1px;
  border-radius:0.1rem;
  box-shadow:0rem 0.06rem 0.16rem 0.01rem rgba(0,0,0,0.16);
}
.info-list-box .info-item .item-time-box {
  margin-right:0.6rem;
  display:flex;
  align-items:center;
}
.info-list-box .info-item .item-time-box .item-time-day,.info-list-box .info-item .item-time-box .item-time-line {
  font-weight:500;
  font-size:0.56rem;
  color:#666666;
}
.info-list-box .info-item .item-time-box .item-time-line {
  margin-left:0.05rem;
  margin-right:0.16rem;
}
.info-list-box .info-item .item-time-box .item-time-other {
  font-weight:500;
  font-size:0.2rem;
  color:#999999;
}
.info-list-box .info-item .item-image {
  display:flex;
  align-items:center;
  margin-right:0.4rem;
  width:3.6rem;
  height:3.8rem;
}
.info-list-box .info-item .item-image img {
  width:3.6rem;
  height:2.4rem;
}
.info-list-box .info-item .item-details {
  display:flex;
  align-items:center;
}
.info-list-box .info-item .item-details .item-details-title {
  margin-bottom:0.16rem;
  font-weight:bold;
  font-size:0.28rem;
  color:#222222;
}
.info-list-box .info-item .item-details .item-details-sub {
  font-weight:400;
  font-size:0.16rem;
  color:#666666;
}
.info-list-box .info-item .item-details .item-details-btn {
  cursor:pointer;
  font-weight:400;
  font-size:0.16rem;
  color:#999999;
  text-align:center;
  line-height:0.44rem;
  margin-top:0.4rem;
  width:1.6rem;
  height:0.44rem;
  background:#FFFFFF;
  border-radius:0.06rem 0.06rem 0.06rem 0.06rem;
  border:1px solid #C3C3C3;
  transition:background-color 0.5s ease-in-out,color 0.5s ease-in-out;
  /* 设置过渡效果*/;
}
.info-list-box .info-item .item-details .item-details-btn:hover {
  background:#D52729;
  border:none;
  color:white;
  box-shadow:0rem 0.06rem 0.16rem 0.01rem rgba(0,0,0,0.16);
}
/*# sourceMappingURL=news.css.map*/