.big-nav {
  height: .70rem;
  background-color: white;
}
.big-nav ul {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.big-nav ul li:nth-child(1) {
  color: #f6594e;
  font-size: .29rem;
  font-weight: bold;
}
.small-nav {
  padding: .12rem;
  background-color: #F0F0F0;
}
.small-nav ul {
  height: .64rem;
  background-color: white;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.small-nav ul li {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  padding: 0 .03rem;
  position: relative;
}
.small-nav ul .small-active {
  position: relative;
  color: #f6594e;
  font-size: .29rem;
  font-weight: bold;
}
.small-nav ul .small-active:after {
  width: 100%;
  height: .04rem;
  content: '';
  background-color: #f6594e;
  position: absolute;
  bottom: 0;
  left: 0;
}
.box-container {
  position: absolute;
  left: 0;
  top: 2.3rem;
  bottom: .88rem;
  width: 100%;
}
.box-container .list-container{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: auto;
}
.box-container .list-container .item-list {
  display: none;
}
.box-container .list-container .item-list:first-child {
  display: block;
}
.poster {
  width: 5.92rem;
  display: flex;
  justify-content: center;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  padding: .2rem 0;
  margin: 0 auto;
}
.poster img {
  width: 100%;
}
.hot-line {
  height: 1.93rem;
  width: 100%;
}
.hot-line img {
  width: 100%;
  height: 100%;
}
.base-info {
  background-color: #F0F0F0;
}