miaoguo_master/pages_test/knowledge/library.wxss

.container {
  background-color: #AAA8A5;
}

.panel1 {
  width: 100%;
  height:120rpx;
  background-color: #fff;
  color: #2E2E2E;
  align-items: flex-end;
  position: fixed;
  z-index: 100;
  border-bottom: 1rpx solid #AAA8A5;
}
.panel10{
  font-size: 36rpx;
  font-weight: 700;
  margin: 0 50rpx;
  justify-content: flex-end;
}
.panel11{
  font-family: Teko-SemiBold;
  font-size: 36rpx;
  margin: 0 50rpx;
  justify-content: flex-end;
}
.panel110{
  width:72rpx;
  height:20rpx;
  margin-top: 20rpx;
  background-color: #fff;
  width: 100%;
}
.panel110Selected{
  background: #FF8451;
}

.panel2{
  width:100%;
  background-color: #AAA8A5;
}

.panel21{
  margin: 40rpx 0 60rpx 0;
}

.panel211{
  border-radius: 10rpx;
  font-size: 28rpx;
  color:#fff;
  background-color: #797775;
  margin: 0 15rpx;
  line-height: 60rpx;
  width: 320rpx;
  text-align: center;
  position: relative;
}
.panel2111{
  background-color: #F0F0F0;
  color:#2E2E2E;
}

.sysIcon_a05{
  width: 16rpx;
  height:16rpx;
  position: absolute;
  right:30rpx;
}
.sysIcon_a09{
  width: 16rpx;
  height:10rpx;
  position: absolute;
  right:30rpx;
}
.panel2110{
  width:150rpx;
}
.panel211Selected{
  background: #F0F0F0;
  color:#2E2E2E;
}

.panel22{
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width:700rpx;
}
.panel221{
  position: relative;
  width: 320rpx;
  height:353rpx;
  margin: 0 15rpx 60rpx 15rpx;
  background-color: #fff;
  border-radius: 30rpx;
  background: #FFFFFF;
  justify-content: flex-start;
  box-shadow: 0 10rpx 0 0 rgba(255,255,255,0.30), 0 20rpx 0 0 rgba(255,255,255,0.30), 0 30rpx 0 0 rgba(255,255,255,0.50), 0 40rpx 0 0 rgba(0,0,0,0.20);
}
.panel2211{
  width:300rpx;
  height:100rpx;
  border-radius: 20rpx 20rpx 5rpx 5rpx;
  background-color: #f2f2f2;
  margin-top: 10rpx;
}

.panel2211Logo{
  width: 320rpx;
  height:120rpx;
  position: absolute;
  top:0rpx;
  left:0;
}

.panel2212{
  font-size: 36rpx;
  color: #2E2E2E;
  align-self: start;
  margin: 40rpx 0 0 40rpx;
}
.panel2213{
  font-size: 36rpx;
  height:50rpx;
  font-weight: 400;
  color: #2E2E2E;
  align-self: start;
  margin: 0 0 0 40rpx;
}
.panel2214{
  font-size: 24rpx;
  color: #2E2E2E;
  align-self: start;
  margin: 30rpx 0 0 40rpx;
}
.panel22141{
  font-family: Teko-SemiBold;
  font-size: 36rpx;
  color: #4D4D4D;
  margin: 8rpx 0 0 10rpx;
}
.panel23{
  margin-bottom: 40rpx;
  color:#1E1E1E;
  font-size: 28rpx;
  width: 630rpx;
}

.containerMenu{
  width: 100%;
  position: fixed;
  top:0;
  background-color: rgba(255,255,255,0.20);
  z-index: 100;
}

.panelMenu{
  position: fixed;
  bottom: 70rpx;
  width: 710rpx;
  min-height: 450rpx;
  background: #FFFFFF;
  box-shadow: 0 20rpx 0 0 #B9B9B9, 0 50rpx 0 0 rgba(0,0,0,0.50);
  border-radius: 40rpx;
}

.panelMenu1{
  width:690rpx;
  height:100rpx;
  background-image: linear-gradient(180deg, #F0F0F0 0%, #FFFFFF 100%);
  border-radius: 35rpx 35rpx 0 0;
  position: absolute;
  top:10rpx;
}

.btnMenu{
  width: 590rpx;
  height:90rpx;
  line-height: 90rpx;
  background: #F0F0F0;
  border-radius: 20rpx;
  text-align: center;
  color:#2E2E2E;
  margin: 15rpx 0;
  z-index: 20;
  font-size: 36rpx;
  font-weight: 700;
}

.btnMenuSelected{
  background: #FF8451;
  color:#fff;
}