page {
  width: 100%;
  height: auto;
  overflow-y: scroll;
  background: #f7f7f7;
}
.toptabs{
  border-bottom: 1px solid #EDEFF0;
  position: fixed;
  top: 0;
  z-index: 999999;
  width: 100%;
  background: #ffffff;
}
.wux-tabs__tab {
  font-size:32rpx!important;
  color: #8393A0!important;
}
.wux-tabs__tab--current {
  color:#333333!important;
  font-weight: bold;
  font-size: 40rpx!important;
}
.wux-tabs__tab-bar{
  background: #ffffff!important;
}
.newhot-tabs{
  display: flex;
  width: 100%;
  margin: 10px;
  height: 50rpx;
}
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.header .header-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
}
.header .navigation {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255, 0.9);
  font-size: 32rpx;
  position: relative;
  z-index: 100;
}
.home {
  width: 100%;
  overflow-y: scroll;
}
.nothing-to-show{
  width: 100%;
  height: 100vh;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.nothing-img{
  width: 500rpx;
  height:245rpx;
  object-fit: cover;

}
.tab{
  width: 100%;
  height: 100rpx;
  background: #fff;
  overflow-x: scroll;
  display: inline-block;
  white-space: nowrap;
  margin:0 auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
}
.tab-item{
  height: 100%;
  min-width: 33%;
  margin:0 auto;
  display: inline-block;
  box-sizing: border-box;
}
.tab-name{
  text-align: center;
  margin:0 auto;
  height: 80%;
  font-size: 25rpx;
  line-height: 100rpx;
  padding: 0 20rpx;
  color: #999;
}
.tab-name.active{
  text-align: center;
  margin:0 auto;
  height: 80%;
  font-size: 30rpx;
  line-height: 100rpx;
  padding: 0 20rpx;
  color: #BB0300;
}
.tab-line.active{
  border-top: 4rpx solid #BB0300;
  width: 30%;
  margin: 0 auto;
  margin-top: 10rpx;
}
.list{
  margin: 0 auto;
  margin-top: 120rpx;
}
.questionList{
  width: 100%;
}