english_learned_master/pages/main/myarticles.wxss

.panelNull{
  margin-top: 410rpx;
  font-size: 28rpx;
  color: #C1E1C1;
}
.textNull1{
  font-weight: 400;
  font-size: 24rpx;
  margin-top: 10rpx;
}
.panel1{
  width:710rpx;
  background: #1E1E1E;
  border-radius: 20rpx;
  margin-bottom: 20rpx;
  color: #C1E1C1;
  position: relative;
}
.panel10{
  width:100%;
}
.panel13{
  align-self: start;
  justify-content: flex-start;
  margin: 30rpx 0 0 30rpx;
}
.panel131{
  width: 88rpx;
  height:53rpx;
  background: #C1E1C1;
  border-radius: 10rpx;
  color:#004433;
  font-size: 24rpx;
  margin-right: 20rpx;
}
.text01{
  font-size: 24rpx;
}

.panel11{
  width: 100%;
  justify-content: flex-start;
  margin: 30rpx 0;
}
.panelLine{
  width: 5rpx;
  height: 83rpx;
  background-color: #C1E1C1;
  margin: 0 25rpx 0 30rpx;
}
.panel111{
  align-items: flex-start;
}
.text02{
  font-weight: 400;
  font-size: 24rpx;
}
.text03{
  font-size: 36rpx;
  white-space: nowrap;
  width:620rpx;
  overflow-x: hidden;
}
.panel12{
  width: 670rpx;
  background: #002F24;
  border-radius: 10rpx;
  margin: 0 0 20rpx 0;
}
.text04{
  font-weight: 400;
  font-size: 28rpx;
  width: 610rpx;
  margin: 20rpx 0;
}

.panelBtn{
  border-radius: 10rpx;
  background-color: #002F24;
  position: absolute;
  top:20rpx;
  right:20rpx;
}
.btn1{
  width:154rpx;
  line-height:53rpx;
  font-size: 24rpx;
  color: #FFFFFF;
  text-align: center;
}

.btn2{
  width:90rpx;
  height:53rpx;
}

.sysIcon_a13{
  width: 2rpx;
  height:14rpx;
}

.sysIcon_a14{
  width: 20rpx;
  height:22rpx;
}


.panelMenu{
  background-color: rgba(26,67,51,0.50);
  z-index: 20;
  position: fixed;
  top:0;
}
.panelRemind{
  width: 690rpx;
  margin-bottom: 75rpx;
  position: fixed;
  bottom: 0;

  background: #FFA70C;
  box-shadow: 0 20rpx 0 0 #CB8409, 0 50rpx 0 0 rgba(0,0,0,0.50);
  border-radius: 60rpx;
  background-image: radial-gradient(circle at 53% 50%, #85261E 0%, rgba(178,71,62,0.00) 50%);
}
.sysIcon_b10{
  width: 360rpx;
  height:140rpx;
  position: absolute;
  right:0;
  top:-22rpx;
}
.panelRemind1{
  width: 100%;
  justify-content: flex-start;
  margin-top: 40rpx;
  font-size: 36rpx;
  color: #FFFFFF;
  z-index: 25rpx;
}
.sysIcon_b09{
  width: 50rpx;
  height:50rpx;
  margin: 0 20rpx 0 50rpx ;
}
.panelRemind2{
  width: 650rpx;
  min-height:220rpx;
  background: #FFFFFF;
  color: #2E2E2E;
  border-radius: 40rpx;
  margin: 30rpx 0;
  justify-content: flex-start;
}
.textRemind{
  width:570rpx;
  font-weight: 400;
  font-size: 28rpx;
  align-items: flex-start;
  margin-top: 80rpx;
}
.panelRemind21{
  width:100%;
  margin: 60rpx 0 0 0;
}
.btnReind1{
  width:580rpx;
  height:90rpx;
  background: #F0F0F0;
  border-radius: 20rpx;
  font-size: 36rpx;
}

.btnReind2{
  margin: 30rpx 0 40rpx 0;
}