english_learned_master/pages/main/articlecategory.wxss

.container{
  background-color: #DAD2C1;
  color:#2E2E2E;
}
.panel1{
  width: 100%;
  height:98rpx;
  justify-content: flex-start;
  position: fixed;
  top:0;
  background-color: #DAD2C1;
  z-index: 20;
}

.btn{
  height: 58rpx;
  background: #3A3535;
  border-radius: 20rpx;
  padding: 0 20rpx;
  color:#F0F0F0;
  font-size: 24rpx;
  margin-right: 10rpx;
  border: 5rpx solid #3A3535;
}
.btn0{
  margin-left: 30rpx;
}
.btnSelected{
  background: #DAD2C1;
  border: 5rpx solid #3A3535;
  color:#3A3535;
}

.panel2{
  margin-top: 30rpx;
  width: 690rpx;
  min-height:549rpx;
  background-color: #F0EDE6;
  border-radius: 20rpx;
  justify-content: flex-start;
  align-items: flex-start;
}

.img{
  width: 100%;
  height:240rpx;
  border-radius: 20rpx 20rpx 0 0;
}

.text01{
  width: 630rpx;
  margin: 30rpx 0 0 30rpx;
  font-size: 36rpx;
}
.text02{
  margin: 30rpx 0 0 30rpx;
  font-size: 24rpx;
  font-weight: 400;
}
.text03{
  margin: 0 0 0 30rpx;
  font-size: 28rpx;
  font-weight: 400;
}
.text04{
  width: 630rpx;
  margin: 20rpx 0 0 30rpx;
  font-size: 24rpx;
  font-weight: 400;
}
.text05{
  width: 630rpx;
  margin: 0 0 40rpx 30rpx;
  font-size: 24rpx;
  font-weight: 400;
}