/* pages/periodic-report/periodic-report.wxss */
.main {
  padding-bottom: 0;
}

.tab {
  display: flex;
  padding: 30rpx;
}

.tab-item {
  padding-right: 50rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tab-title {
  font-size: 30rpx;
  font-weight: bold;
  color: #262936;
}

.tab-tag {
  width: 44rpx;
  height: 10rpx;
  display: none;
}

.active .tab-title {
  font-size: 34rpx;
  font-weight: bold;
  color: #146ae7;
}

.active .tab-tag {
  display: block;
}

.list {
  height: 100%;
  background-color: #fff;
  margin-top: 30rpx;
}

.list-item {
  padding: 24rpx 0 0 30rpx;
  display: flex;
}

.list-img {
  width: 114rpx;
  height: 114rpx;
  border-radius: 16rpx;
}

.list-info {
  flex: 1;
  height: 132rpx;
  display: flex;
  flex-direction: column;
  margin-left: 42rpx;
  border-bottom: 2rpx solid #e3e3e3;
}

.list-title {
  max-width: 488rpx;
  font-size: 33rpx;
  line-height: 70rpx;
  color: #262936;
  font-weight: bold;
}

.list-tag {
  width: 89rpx;
  height: 34rpx;
  line-height: 34rpx;
  border-radius: 4rpx;
  font-size: 22rpx;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 10rpx;
}

.list-timer {
  font-size: 26rpx;
  color: #838B99;
}

.bottom {
  width: 688rpx;
  height: 208rpx;
}