.bus-tag{
  display: flex;
}
.bus-tag h4{
  position: relative;
  padding: .8rem 1rem;
  font-size: 1em;
}
.bus-tag h4 a{
  color: #666;
}
.bus-tag h4 a:hover{
  color: #FFD300;
}
.bus-tag h4.active{
  border-radius: 10px;
  font-weight: bold;
}
.bus-tag h4.active::before{
  content: "";
  width: 100%;
  height: 1px;
  background: #FFD300;
  background: -moz-linear-gradient(-45deg, #FFD300 0%, #ff5d00 100%);
  background: -webkit-linear-gradient(-45deg, #FFD300 0%,#ff5d00 100%);
  background: linear-gradient(135deg, #FFD300 0%,#ff5d00 100%);
  position: absolute;
  bottom: 0;
  right: 0;
}
.bus-tag h4.active::after{
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid #FFD300;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%);
}
.rei-area h2 a{
  color: #000;
}
@media screen and (max-width:1199px){
  .bus-ban{
    background-position: top center!important;
  }
}
@media screen and (min-width:320px) and (max-width:700px){
  .bus-tag h4{
    padding: .8rem .5rem;
  }
  .bus-tag {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width:320px){
  .bus-tag {
    display: flex;
    flex-wrap: wrap;
  }
  .bus-tag h4 {
    width: 100%;
    text-align: center;
  }
  .bus-tag h4.active::before{
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
}