.f-no {
  display: flex;
  flex-flow: row wrap;
}

.f-no-b-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.f-no-b-start {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}

.f-no-b-stretch {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}

.f-no-c-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.f-no-c-start {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
}

.f-no-c-stretch {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
}

.f-no-s-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

.f-no-s-end {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-end;
}

.f-no-s-stretch {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.f-no-end-start {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}

.f-no-col {
  display: flex;
  flex-flow: column wrap;
}

.f-no-col-b-center {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
}

.f-no-col-c-center {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}

.f-no-col-s-center {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center;
}

.f-no-col-s-end {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-end;
}

.f-no-col-c-start {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
}

.f-no-col-b-start {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.search-list1 {
  background: #F6F6F6;
  padding: .75rem 6.5rem;
}

.search-list1 .searchbox {
  width: 100%;
  height: 42px;
  background: transparent;
  border: none;
  position: relative;
}

.search-list1 .input1 {
  width: 70%;
  height: 42px;
  background: transparent;
  border: none;
}
.search-list1 .input1::placeholder{
  color: #333;
  opacity: .5;
}

.search-list1 .input2 {
  width: 124px;
  height: 42px;
  background: #007154 url(../img/erq/searchbtn2.png) no-repeat 75px center;
  border-radius: .1rem;
  background-size: 16px auto;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -21px;
  padding-left: 35px;
  text-align: left;
}

.search-list1 .input2:hover {
  background-color: #007154;
}

.search-list1 form {
  width: 100%;
}

@media (max-width: 767px) {
  .search-list1 .input2 {
    width: 100px;
    padding-left: 25px;
    font-size: .4rem;
    background: #007154 url(../img/erq/searchbtn2.png) no-repeat 60px center;
    background-size: 16px auto;
  }

  .search-list1 .input1,
  .search-list1 .searchbox {
    height: 45px;
  }
}

.search-list2 {
  padding:1.2rem  6.5rem 1.25rem;
  background: #fff;
}

.search-list2 span {
  color: #FF0000;
}

.search-list2 .tip {
  padding-bottom: .7rem;
  border-bottom: 2px solid #F3F2F0;
}

.search-list2 .tab-ul {
  width: 100%;
  padding: 0 .35rem;
  border-bottom: 2px solid rgba(214, 214, 214, .8);
}

.search-list2 .tab-ul .li {
  position: relative;
  height: 52px;
  line-height: 52px;
  -webkit-transition: all .4s;
  transition: all .4s;
  font-weight: 500;
}
@media(min-width:1024px){
  .search-list2 .tab-ul .li{
    margin: 0 .5rem;

  }
  .search-list2 .tab-ul .li:first-child{
  margin-left: 0;
}

.search-list2 .tab-ul .li:last-child {
  margin-right: 0;
} 
}

.search-list2 .tab-ul .li:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 4px;
  background: #007154;
  bottom: -1px;
  left: 50%;
  margin-left: -20px;
  transform: translateX(-50%);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .4s;
  transition: all .4s;
}

.search-list2 .tab-ul .li:hover,
.search-list2 .tab-ul .li.cur {
  color: #007154;
}

.search-list2 .tab-ul .li:hover:before,
.search-list2 .tab-ul .li.cur:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.search-list2 .ulbox {
  margin-top: 1.25rem;
}

.search-list2 .ulbox span {
  color: #FF0000;
}

.search-list2 .ulbox .li {
  width: 48%;
  padding-bottom: .375rem;
  margin-bottom: .85rem;
  border-bottom: 1px solid rgba(214, 214, 214, 0.8);
  padding-left: 22px;
  position: relative;
  transition: all .6s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.search-list2 .ulbox .img {
  margin-right: .375rem;
}

.search-list2 .ulbox .li:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  background: #ccc;
  margin-top: -12px;
}

.search-list2 .ulbox .li.curimg {
  padding-left: 0;
}

.search-list2 .ulbox .li.curimg:before {
  display: none;
}

.search-list2 .ulbox .li:hover {
  color: #007154;
}

.search-list2 .page {
  padding-top: 2.25rem;
}

@media (max-width: 767px) {
  .search-list1 {
    padding: 1rem 6%;
  }

  .search-list2 {
    padding: 0 6%;
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  .search-list2 .ulbox .li {
    width: 100%;
    padding-left: 18px;
  }

  .search-list2 .ulbox .li:last-child {
    margin-bottom: 0;
  }

  .search-list2 .tab-ul {
    padding: 0;
  }

  .search-list2 .page {
    padding-top: 1rem;
  }

  .search-list2 .ulbox .li:before {
    width: 6px;
    height: 6px;
    margin-top: -.275rem;
  }

  .search-list2 .tab-ul .li {
    height: 44px;
    /* width: 29%; */
    line-height: 1.2;
    /* margin: 0 0.25rem; */
    padding-top: 0.35rem;
    margin-bottom: 0;
  }

  .search-list4 .tab-ul .li {
    line-height: 44px;
    padding-top: 0;
  }

  .search-list2 .ulbox {
    width: 100%;
    margin: 0 auto;
    margin-top: 1rem;
  }

  .search-list2 .ulbox .li.curimg {
    flex-direction: column;
    align-items: flex-start;
  }

  .search-list2 .ulbox .li.curimg .img {
    margin-bottom: .25rem;
  }

  .search-list2 .ulbox .li.curimg span {
    margin-bottom: .1rem;
  }
  .search-list2 .tab-ul .li:before{
    margin-left: -30px;
  }
}