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: #fff;
  border-radius: 20rpx;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}

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

.text01{
  width: 630rpx;
  margin: 30rpx 0 0 30rpx;
  font-size: 36rpx;
}
.text02{
  font-size: 24rpx;
  text-shadow: 0 3rpx 0 rgba(0,0,0,0.40);
  position: absolute;
  top:30rpx;
  left:30rpx;
  background: rgba(0,0,0,0.40);
  border-radius: 25rpx;
  color:#fff;
  padding: 8rpx 20rpx;
}
.text03{
  margin: 10rpx 0 0 30rpx;
  font-size: 36rpx;
  font-weight: 400;
}
.text04{
  width: 630rpx;
  margin: 30rpx 0 0 30rpx;
  font-size: 24rpx;
  font-weight: 400;
}
.text05{
  width: 650rpx;
  border-radius: 10rpx;
  min-height: 73rpx;
  margin: 10rpx 0 20rpx 20rpx;
  background-color: #F0EDE6;
}
.text051{
  width: 590rpx;
  margin: 20rpx 30rpx;
  font-size: 24rpx;
  font-weight: 400;
  background-color: #F0EDE6;
}