@charset "utf-8";

.newtopics-nav {
  margin: 0 0 75px;
}
.newtopics-nav ul {
  text-align: center;
}
.newtopics-nav ul li {
  font: 400 17px/1.1 'Jost', sans-serif;
  display: inline-block;
  padding: 0 15px;
  margin: 0 15px;
  position: relative;
}
.newtopics-nav ul li.active::before {
  content: '';
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.newtopics-nav-all::before { background-color: #ddd; }
.newtopics-nav-fashion::before { background-color: #f3d5d5; }
.newtopics-nav-beauty::before { background-color: #f2d5f2; }
.newtopics-nav-sports::before { background-color: #d5f2f2; }
.newtopics-nav-life::before { background-color: #f2e4d5; }
.newtopics-nav-babykids::before { background-color: #d5f2d5; }
.newtopics-nav-event::before { background-color: #d5d5f2; }
.newtopics-nav-food::before { background-color: #f2f2d5; }

.newtopics-nav ul li a {
  display: block;
  text-decoration: none;
  position: relative;
}
.newtopics-nav ul li a:hover {
  opacity: .6;
}