.container {
  position: relative;
  padding: 1rem 0 0 0;
  background: rgba(247, 248, 250, 1);
}



.container .search-box {

  justify-content: center;
  display: flex;
  flex-direction: column;
  align-content: center;

}

.container .search-box .search_form {
  margin: .7rem auto 1.24rem auto;
  display: flex;
  align-items: center;
  border: .01rem solid rgba(223, 223, 223, 1);
  width: 8rem;
  height: .55rem;
  padding: 0 .3rem 0 .2rem;
}

.container .search-box .search_form input {
  flex: 1;
  background: transparent;
}

.container .search-box .search_form input::placeholder {
  font-size: .18rem;
  font-weight: 400;
  color: rgba(51, 51, 51, .5);
}

.container .search-box .search_form .search-btn {
  width: .18rem;
  height: .18rem;
  border-style: none;
}

.container .search-box .search_form .search-btn img {
  width: 100%;
  height: 100%;
}

.container .search-box .hot {
  display: flex;
  justify-content: center;
  gap: .2rem;
  font-size: .15rem;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
}

.container .search-box .hot a:hover {
  color: rgba(0, 83, 231, 1);
}

.container .btns_1 {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
  background: #fff;
  height: 1.12rem;
  /*border-radius: .24rem 0 .24rem 0;*/
  border-bottom: .015rem solid rgba(102, 102, 102, 0.3);
  /* gap: .06rem; */
  /* padding: .03rem .04rem; */
  padding: 0 1.3rem ;
  position: relative;
}

.container .btns_1 .btn {
  font-family: 'Regular';
  font-weight: 400;
  line-height: 150%;
  color: rgba(26, 56, 55, 1);
  /*background: #fff;*/
  width: 1.2rem;
  /* height: .43rem; */
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  
}

/* .container .btns_1 .btn:hover, */
.container .btns_1 .btn.active {
  color: rgba(0, 64, 152, 1);
  border-bottom: .01rem solid rgba(0, 64, 152, 1);
  /*background: linear-gradient(83.17deg, #0092DF -11.69%, #5BB531 108.84%),*/
  /*  linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),*/
  /*  linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));*/

}

.container .btns_1 .result {
    position: absolute;
    left: 1.3rem;
    top: 50%;
    transform: translateY(-50%);
}
.container .btns_1 .result strong {
    color: rgba(0, 64, 152, 1);
}

.container .list {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  padding: .54rem 1.3rem 1rem 1.3rem;
  background: #fff;
}

.container .list .item {
  width: 5.24rem;
}

.container .list .item .img_box {
  width: 5.26rem;
  height: 3.2rem;
  border-radius: .14rem;
  overflow: hidden;
}

.container .list .item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease-in-out;
}

.container .list .item .img_box:hover img {
  transform: scale(1.1);
}

.container .list .item .item_info .item_info_top {
  display: flex;
  justify-content: space-between;
  border-bottom: .01rem solid rgba(236, 236, 236, 1);
  padding: .24rem 0 .14rem 0;
  margin: 0 0 .2rem 0;
}

.container .list .item .item_info .item_info_top .tag {
  line-height: 130%;
  color: rgba(102, 102, 102, 1);
  font-weight: 350;
  display: flex;
  gap: .06rem;
  align-items: center;
}

.container .list .item .item_info .item_info_top .tag strong {
  width: .05rem;
  height: .05rem;
  border-radius: 50%;
  background: rgba(14, 110, 184, 1);
  flex-shrink: 0;
}

.container .list .item .item_info .item_info_top .time {
  line-height: 130%;
  color: rgba(102, 102, 102, 1);
  font-weight: 300;
}

.container .list .item .item_info .title {
  line-height: .32rem;
  color: rgba(51, 51, 51, 1);
  font-weight: 400;
  margin: 0 0 .2rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.container .list .item:hover .item_info .title {
  color: rgba(14, 110, 184, 1);
}

.list2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem;
  padding: .75rem 0 0 0;
  background: #fff;
}

.list2 .item {
  padding: .25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  border-radius: .1rem;
}

.list2 .item:hover {
  background: rgba(248, 248, 248, 1);
}

.list2 .item .img_box {
  width: 7.52rem;
  height: 4.72rem;
  border-radius: .1rem;
  overflow: hidden;
}

.list2 .item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease-in-out;
}

.list2 .item:hover .img_box img {
  transform: scale(1.05);
}

.list2 .item .tag {
  font-weight: 300;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(102, 102, 102, 1);
  margin: .3962rem 0 .21rem 0;
}

.list2 .item .name {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(51, 51, 51, 1);
  margin: 0 0 .51rem 0;
}

.list2 .item:hover .name {
  color: rgba(0, 64, 152, 1);
}

.list2 .item .bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.list2 .item .bottom .left span:first-child {
  font-weight: 350;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(102, 102, 102, 1);
  margin: 0 .15rem 0 0;
}

.list2 .item .bottom .left span:last-child {
  font-weight: 500;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(0, 64, 152, 1);
}

.list2 .item .bottom .btn {
  width: 2rem;
  height: .48rem;
  border-radius: 1rem;
  border: .01rem solid rgba(51, 51, 51, 0.51);

  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(51, 51, 51, 1);

  display: flex;
  justify-content: center;
  align-items: center;
  gap: .08rem;
}

.list2 .item:hover .bottom .btn {
  border: .01rem solid rgba(0, 64, 152, 1);
  color: rgba(0, 64, 152, 1);
}

.list2 .item .bottom .btn img {
  width: .14rem;
  height: .14rem;
}

.list2 .item .bottom .btn.normal,
.list2 .item:hover .bottom .btn .active {
  display: block;
}

.list2 .item:hover .bottom .btn .normal,
.list2 .item .bottom .btn .active {
  display: none;
}

.pagination {
  padding: .08rem .16rem .8rem .16rem;
}


/* @media (max-width: 767px) {
  .container {
    padding: 1rem .2rem;
  }

  .container .search-box .search_form {
    width: 85%;
  }

  .container .list {
    justify-content: center;
  }
} */


@media (max-width: 767px) {
    .container .search-box .search_form {
        width: 100%;
        height: 45px;
    }
    .container .search-box {
        padding: 0 17px;
    }
    .container .search-box .search_form input {
        height: 30px;
    }
    .container .search-box .search_form input::placeholder {
        font-size: 14px;
    }
    .container .search-box .search_form .search-btn {
        width: 20px;
        height: 20px;
    }
    
    .container .btns_1 {
        gap: 20px;
        padding:  0 20px;
    }
    .container .btns_1 .result {
        left: 20px;
    }
    
    .container .list {
        margin: 40PX 0 0 0;
    }
    .container .list {
        justify-content: center;
    }
    .container .list .item {
        width: 80.13vw;
    }
    .container .list .item .img_box {
        width: 80.13vw;
        height: 52.4vw;
    }
    
    
    .list2 {
        padding: .75rem 20px 0 20px;
    }
    .list2 .item .img_box {
        width: 100%;
    }
    .list2 .item {
        padding: 0;
    }
    .list2 .item .tag {
        font-size: 14px;
        line-height: 1.5;
    }
    .list2 .item .name {
        font-size: 18px;
    }
    
    .list2 .item .bottom .left span:first-child {
        font-size: 14px;
    }
    .list2 .item .bottom .left span:last-child {
        font-size: 12px;
    }
    
}