english_learned_master/pages/main/mywords.wxss

.container {
  background: #E3E3E3;
  color: #4D4D4D;
}

.panel1 {
  width: 100%;
  height:100rpx;
  position: fixed;
  z-index: 10;
  top:0;
  background: #E3E3E3;
}
.panel11{
  width: 290rpx;
  height: 60rpx;
  background: #4D4D4D;
  border-radius: 10rpx;
  color:#f0f0f0;
  font-size:28rpx;
}
.panel111{
  width: 140rpx;
  height:50rpx;
}
.panel112{
  background: #FFFFFF;
  box-shadow: 0 4rpx 0 0 rgba(0,0,0,0.20);
  border-radius: 5rpx;
  color:#4D4D4D;
}
.panel12{
  position: absolute;
  right:30rpx;
  top:20rpx;
  width: 110rpx;
  height:50rpx;
  background: #F8F8F8;
  border: 5rpx solid #4D4D4D;
  border-radius: 10rpx;
  font-size: 28rpx;
  color: #4D4D4D;
}

.panel13{
  left:30rpx;
}


/* 提示相关样式已移至组件中 */

.panel2{
  width: 690rpx;
  border-radius: 20rpx;
  min-height: 100rpx;
  background-color: #fff;
  margin: 30rpx 0 100rpx 0;
}
.panel2Item{
  width: 610rpx;
  height:100rpx;
  justify-content: space-between;
}
.panel2ItemLeft{
  width: 580rpx;
  line-height:100rpx;
  text-align: left;
  font-weight: 400;
  border-bottom: 1rpx solid #E3E3E3;
}
.panel2ItemRight{
  width: 110rpx;
  margin-right: -40rpx;
  justify-content: flex-start;
}

.panel2ItemRight1{
  width: 70rpx;
  height:100rpx;
  justify-content: flex-end;
  border-bottom: 1rpx solid #E3E3E3;
}
.sysIcon_a39{
  width: 20rpx;
  height: 22rpx;
  margin-right:20rpx;
}

.panel2ItemSelect{
  width:100rpx;
  margin-left: -40rpx;
}

.panel2ItemSelectNo{
  width: 34rpx;
  height: 34rpx;
  background: #F8F8F8;
  border: 3rpx solid #787878;
  border-radius: 50%;
  margin-left: 10rpx;
}

.panel2ItemSelectNo{
  width: 34rpx;
  height: 34rpx;
  background: #F8F8F8;
  border: 3rpx solid #787878;
  border-radius: 50%;
  margin-left: 10rpx;
}

.panel2ItemSelected{
  background: #009933;
  border: 3rpx solid #009933;
}

.sysIcon_a11{
  width: 20rpx;
  height: 16rpx;
}


.panelFooter{
  width: 100%;
  height:180rpx;
  background-image: linear-gradient(180deg, #004433 0%, #002C21 100%);
  position: fixed;
  bottom: 0rpx;
  align-items: flex-start;
  z-index: 10;
}

.panelFooter1{
  width:730rpx;
  height:140rpx;
  color:#F2F2F2;
  background: #1E1E1E;
  box-shadow: 0 30rpx 0 0 #0C0C0C;
  border-radius: 10rpx 10rpx 60rpx 60rpx;
}
.panelFooter10{
  background-color: #303030;
  font-size:24rpx;
}
.panelFooter11{
  width:160rpx;
  height:120rpx;
  background: #1E1E1E;
  border-radius: 0rpx 0rpx 10rpx 60rpx;
}
.panelFooter12{
  width:180rpx;
  height:120rpx;
  border-radius: 10rpx 10rpx 10rpx 10rpx;
  margin: 0 10rpx 0 0;
}
.panelFooter13{
  width:180rpx;
  height:120rpx;
  border-radius: 10rpx 5rpx 50rpx 10rpx;
}
.text02{
  font-size:24rpx;
  margin-top: 10rpx;
}
.text03{
  font-size:26rpx;
}
.sysIcon_a14{
  width:20rpx;
  height:20rpx;
}

.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;
}