.container {
  padding: 20rpx;

}

.tab-box {
  display: flex;
  gap: 10rpx;
  margin-bottom: 30rpx;
}

.tab {
  flex: 1;
  text-align: center;
  padding: 25rpx;
  font-size: 32rpx;
  border-radius: 10rpx;
  color: #fff;
}

.tab1 {
  background: #ff7676;
}

.tab2 {
  background: #56c1fe;
}

.tab3 {
  background: #62d462;
}

.tab1.active {
  background: #ff4444;
}

.tab2.active {
  background: #0099ff;
}

.tab3.active {
  background: #22cc22;
}

.page {
  width: 100vw;
  height: 100vh;
  border-radius: 12rpx;
  text-align: center;
  color: #fff;
}

.page1 {
  background: #ff7676;
}

.page2 {
  background: #56c1fe;
}

.page3 {
  background: #62d462;
}

.title {
  font-size: 40rpx;
  font-weight: bold;
  margin-bottom: 20rpx;
}