iot-platform-app/unpackage/dist/dev/mp-weixin/components/commons-header/index.wxss

.header-banner-warp {
  background-color: #fff;
  padding-top: 40rpx;
  position: fixed;
  top: 0rpx;
  left: 0;
  right: 0;
  z-index: 10;
  border-bottom: 1rpx solid #dddddd;
  overflow: hidden;
  font-size: 32rpx;
}
.header-banner-warp .header-banner {
  height: 88rpx;
  line-height: 88rpx;
  display: flex;
  justify-content: space-between;
  padding: 0 20rpx;
  background-color: #fff;
}
.menu-modal {
  position: fixed;
  top: 129rpx;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  z-index: 1;
}
.menu-modal .left-banner {
  width: 200rpx;
  background-color: #e9e9e9;
  font-size: 28rpx;
}
.menu-modal .left-banner ._li {
  height: 120rpx;
  line-height: 120rpx;
  color: #666666;
  text-align: center;
}
.menu-modal .left-banner .active {
  background-color: #fff;
  color: #3370FF;
  position: relative;
}
.menu-modal .left-banner .active::before {
  display: block;
  content: " ";
  width: 8rpx;
  height: 48rpx;
  position: absolute;
  left: 0rpx;
  top: 36rpx;
  background-color: #3370FF;
}
.menu-modal .right-banner {
  width: calc(100% - 200rpx);
  background-color: #ffffff;
}
.menu-modal .right-banner .right-banner-box {
  padding: 30rpx;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.menu-modal .right-banner .right-banner-box view {
  width: 32%;
  height: 64rpx;
  text-align: center;
  line-height: 64rpx;
  background-color: #F1F1F1;
  color: #333333;
  font-size: 24rpx;
  margin-bottom: 20rpx;
}