miaoguo_master/pages_test/knowledge/unit.wxss

.container {
  background-color: #E3E3E3;
  font-weight: 600;
}

.panel1 {
  width: 100%;
  background-color: #fff;
}

.panel11 {
  width: 100%;
  color: #2E2E2E;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}

.panel1Logo{
  width:250rpx;
  height:190rpx;
  position: absolute;
  top:0;
  right:0;
}
.panel111 {
  margin: 40rpx 0 0 50rpx;
  font-size: 24rpx;
  color: #4D4D4D;
}

.panel112 {
  margin: 0 0 0 50rpx;
  font-size: 60rpx;
  color: #2E2E2E;
}

.panel113 {
  margin: 33rpx 0 0 50rpx;
  width: 650rpx;
  height: 5rpx;
  background-color: #E3E3E3;
}

.panel12 {
  width: 100%;
}

.panel121 {
  width: 100%;
  margin-top: 30rpx;
  justify-content: space-between;
}

.panel1211 {
  margin-left: 60rpx;
}

.panel12111 {
  width: 10rpx;
  height: 10rpx;
  border-radius: 2rpx;
  background-color: #4D4D4D;
  margin-right: 20rpx;
}

.panel12112 {
  font-size: 24rpx;
  font-weight: 400;
  color: #4D4D4D;
}

.panel1212 {
  font-weight: 400;
  font-size: 24rpx;
  color: #4D4D4D;
  margin-right: 50rpx;
}

.panelLine1 {
  width: 650rpx;
  height: 1rpx;
  background-color: #E3E3E3;
  margin-top: 30rpx;
}

.panel13 {
  align-self: start;
  margin: 30rpx 0 10rpx 50rpx;
  font-size: 24rpx;
  color: #2E2E2E;
}

.panel14 {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
}

.sysIcon_d01 {
  width: 20rpx;
  height: 20rpx;
  margin-right: 10rpx;
}

.panel141 {
  margin: 30rpx 0 0 50rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: #4D4D4D;
}

.panel142 {
  margin: 10rpx 0 0 50rpx;
}

.panel1421 {
  width: 550rpx;
  height: 16rpx;
  background-color: #F0F0F0;
  border-radius: 8rpx;
  justify-content: flex-start;
}
.panel14211 {
  height:16rpx;
  background-color: #FF8451;
  border-radius: 8rpx;
}

.panel1422 {
  width: 100rpx;
  font-family: Teko-SemiBold;
  font-size: 28rpx;
  color: #4D4D4D;
  text-align: right;
}

.panel2 {
  border-radius: 40rpx 40rpx 0 0;
  background-color: #E3E3E3;
  width: 100%;
  margin-top: -50rpx;
}

.panel21 {
  width: 690rpx;
  height: 80rpx;
  border-radius: 20rpx;
  margin: 30rpx 0 60rpx 0;
  background-color: #4D4D4D;
  color: #f0f0f0;
}

.panel211 {
  width: 340rpx;
  height: 70rpx;
  font-size: 28rpx;
}

.panel21100 {
  background-color: #fff;
  color: #4D4D4D;
  border-radius: 15rpx 5rpx 5rpx 15rpx;
}

.panel21111 {
  background-color: #fff;
  color: #4D4D4D;
  border-radius: 5rpx 15rpx 15rpx 5rpx;
}

.panel22 {
  width: 690rpx;
  height: 253rpx;
  border-radius: 20rpx;
  background-color: #fff;
  margin-bottom: 30rpx;
  box-shadow: 0 6rpx 0 0 rgba(0, 0, 0, 0.20);
  justify-content: flex-start;
}

.panel221{
  width:100%;
  justify-content: space-between;
  margin-top: 40rpx;
}

.panel220{
  margin-top: 20rpx;
  width:100%;
  justify-content: flex-start;
}

.panel2211{
  margin-left: 30rpx;
  font-size: 36rpx;
  color: #2E2E2E;
}

.panel2212{
  width:40rpx;
  height:40rpx;
  line-height: 40rpx;
  background-color: #4D4D4D;
  border-radius: 10rpx;
  margin-right: 30rpx;
  font-family: Teko-Bold;
  font-size: 28rpx;
  color: #FFFFFF;
  text-align: center;
}

.panel222{
  width:630rpx;
  font-size: 24rpx;
  font-weight: 400;
  color:#787878;
  margin-top: 10rpx;
  overflow-y: hidden;
  height:33rpx;
}

.panel223{
  width:670rpx;
  height:80rpx;
  background: #F8F8F8;
  border-radius: 15rpx;
  margin-top: 30rpx;
  justify-content: space-between;
}

.panel2230{
  margin-top: 10rpx;
}


.panel2231{
  margin-left: 30rpx;
  font-weight: 400;
  font-size: 28rpx;
  color: #2E2E2E;
}
.panel2232{
  margin-right: 0rpx;
}
.panel22320{
  margin-right: 30rpx;
}

.panel22311{
  width: 12rpx;
  height:12rpx;
  border-radius:50%;
  background-color: #D2D2D2;
  margin-left: 20rpx;
}

.panel223110{
  background-color: #4D4D4D;
}

.sysIcon{
  width:20rpx;
  height:20rpx;
}

.sysIcon_50{
  width:20rpx;
  height:20rpx;
  margin-right: 50rpx;
}
.sysIcon_40{
  width:20rpx;
  height:20rpx;
  margin-right: 40rpx;
}
.sysIcon_b01{
  width:14rpx;
  height:14rpx;
  margin: 0 10rpx 0 30rpx;
}

.panel22321{
  font-family: Teko-Bold;
  font-size: 28rpx;
  color: #4D4D4D;
  margin-top: 7rpx;
}

.menuContainer{
  width:100%;
  position: fixed;
  top:0;
  background: rgba(0,0,0,0.50);
  z-index: 10;
}

.panelMenu{
  position: fixed;
  bottom: 0;
  width: 100%;
  border-radius: 60rpx 60rpx 0 0;
  background-color: #fff;
}

.panelMenu1{
  width: 100%;
  margin-top: 50rpx;
  align-items: flex-start;
  justify-content: space-between;
}
.panelMenu11{
  font-size: 28rpx;
  color: #2E2E2E;
  width:580rpx;
  margin-left: 40rpx;
}
.panelMenu12{
  width:60rpx;
  height:60rpx;
  margin-right: 40rpx;
  border-radius: 50%;
  background-color: #f0f0f0;
}
.sysIcon_b03{
  width:20rpx;
  height:20rpx;
}

.panelMenu2{
  margin: 40rpx 0 40rpx 40rpx;
  font-size: 28rpx;
  color: #2E2E2E;
  align-self: start;
}
.panelMenu3{
  background-color: #f0f0f0;
  border-radius: 20rpx;
}

.panelMenu31{
  width:345rpx;
}

.panelMenu310{
  width:690rpx;
}

.panelMenu311{
  margin-top: 30rpx;
  width: 290rpx;
  background: #FF8451;
  border: 6rpx solid rgba(255,90,45,0.70);
  box-shadow: 0 16rpx 0 0 #B73B3E, 0 34rpx 0 0 rgba(0,0,0,0.14);
  border-radius: 30rpx;
}

.panelMenu3110{
  width: 630rpx;
}

.sysIcon_d05{
  width:50rpx;
  height:50rpx;
  margin: 35rpx 0;
}

.panelMenu312{
  margin: 50rpx 0 30rpx 0;
  font-size: 28rpx;
  color:#2E2E2E;
}

.panelMenu4{
  width:100%;
  margin-top: 30rpx;
}
.panelMenu41{
  width:330rpx;
  background: #F8F8F8;
  border: 1rpx solid #D2D2D2;
  box-shadow: 0 6rpx 0 0 rgba(0,0,0,0.10);
  border-radius: 20rpx;
  font-size: 24rpx;
  color: #2E2E2E;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 15rpx;
}

.sysIcon_c05{
  width:30rpx;
  height:30rpx;
  margin: 30rpx 0 0 30rpx;
}

.panelMenu411{
  font-size: 24rpx;
  color: #2E2E2E;
  margin: 20rpx 0 30rpx 30rpx;
}

.panelMenu5{
  width: 100%;
  height:100rpx;
  justify-content: space-between;
  font-weight: 400;
  font-size: 28rpx;
  color: #4D4D4D;
}

.panelLine2 {
  width: 670rpx;
  height: 1rpx;
  background-color: #E3E3E3;
}

.panelMenu51{
  margin-left: 50rpx;
}
.panelMenu511{
  font-weight: 400;
  font-size: 28rpx;
  color: #4D4D4D;
  margin-left: 20rpx;
}
.panelMenu52{
  margin-right: 70rpx;
}
.sysIcon_a01{
  width:16rpx;
  height:26rpx;
  margin: 0 0 0 30rpx;
}


.panelNull{
  width:650rpx;
  justify-content: flex-start;
}
.panelNull1{
  width:100%;
  justify-content:space-between;
}
.panelNull11{
  width:296rpx;
  height:30rpx;
  background: rgba(0,0,0,0.20);
  border-radius: 15rpx;
  margin-right: 204rpx;
}
.panelNull12{
  width:30rpx;
  height:30rpx;
  background: rgba(0,0,0,0.20);
  border-radius: 15rpx;
}

.panelNull2{
  width:148rpx;
  height:30rpx;
  align-self: start;
  margin-top: 12rpx;
}
.panelNull3{ 
  align-self: start;
  margin-top: 40rpx;
  color:#4D4D4D;
  font-size:28rpx;
}
.panelNull4{ 
  align-self: start;
  margin-top: 10rpx;
  color:#4D4D4D;
  font-size:24rpx;
  font-weight: 400;
}

.panelMenu6{
  background: #FFFFFF;
  box-shadow: 0 20rpx 0 0 #9B9B9B, 0 50rpx 0 0 rgba(0,0,0,0.50);
  border-radius: 60rpx;
  position: fixed;
  bottom:70rpx;
  width:690rpx;
  justify-content: flex-start;
}
.panelMenu61{
  width: 100%;
  height:120rpx;
  justify-content: space-between;
  align-items: flex-start;
}
.panelMenu611{
  margin:40rpx 0 0 60rpx;
  font-size: 36rpx;
  color:#1E1E1E;
}
.panelMenu612{
  margin:30rpx 30rpx 0 0;
}

.panelMenu62{
  width:590rpx;
  height:280rpx;
  background: #F8F8F8;
  border: 1rpx solid #D2D2D2;
  border-radius: 20rpx;
  margin-top: 30rpx;
}

.panelMenu63{
  width:100%;
  height:140rpx;
  margin-top: 30rpx;
}
.panelMenu630{
  margin-top: 0rpx;
}
.panelMenu631{
  width:100%;
  justify-content: flex-start;
}
.sysIcon_b04{
  width:40rpx;
  height:34rpx;
  margin: 0 30rpx 0 70rpx ;
}
.panelMenu6311{
  align-items: flex-start;
}
.panelMenu631111{
  font-size: 28rpx;
  color: #2E2E2E;
  margin-left: 10rpx;
}
.panelMenu631110{
  font-weight: 400;
}
.panelMenu63112{
  font-size: 24rpx;
  color: #787878;
}
.panelLine3{
  width:500rpx;
  height:1rpx;
  background-color: #E3E3E3;
  margin: 30rpx 50rpx 0 0;
  align-self:flex-end;
}

.panelMenu64{
  background: #F0F0F0;
  border-radius: 20rpx;
  width:590rpx;
  height:90rpx;
  margin:60rpx 0;
  font-size: 36rpx;
  color: #2E2E2E;
  text-align: center;
}


.panelMenu7{
  height:1100rpx;
}

.panelMenu711{
  font-family: Teko-SemiBold;
  font-size: 48rpx;
  color: #2E2E2E;
}
.panelMenu72{
  width:100%;
  height:900rpx;
}
.panelMenu721{
  width:570rpx;
  margin-left: 60rpx;
}
.panelMenu7211{
  width:100%;
  margin: 30rpx 0;
  font-size: 28rpx;
  font-weight: 400;
  columns: #2e2e2e;
}

.panelLine4{
  width:570rpx;
  height:1rpx;
  background-color: #E3E3E3;
}