/* pages/workstand/index.wxss */
.banner {
  width: var(--main-width700);
  margin: 30rpx auto;
}
.banner image {
  width: 100%;
}
.menuBox {
  padding: 60rpx 30rpx;
  margin-top: -160rpx;
  background: #FCFDFE;
  border-radius: 48rpx 48rpx 0rpx 0rpx;
}
.menuItem {
  text-align: center;
  font-size: 28rpx;
  color: #14284A;
  margin: 14rpx 0 20rpx;
}
.menuItem .meneBox {
  width: 100rpx;
  height: 100rpx;
  line-height: 100rpx;
  text-align: center;
  margin: 0 auto 10rpx;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: inset 0rpx -3rpx 24rpx 0rpx #E8F9FF, 0rpx 2rpx 9rpx 0rpx rgba(147, 196, 233, 0.4);
  border-radius: 25rpx 25rpx 25rpx 25rpx;
  border: 1rpx solid #FFFFFF;
}
.menuItem .meneBox image {
  width: 100%;
}
.menuItem .menuTitle {
  text-align: center;
}
.menuItemStyle2 {
  height: 256rpx;
  padding: 30rpx;
  font-size: 32rpx;
  color: #fff;
  margin-bottom: 36rpx;
  border-radius: 8rpx;
  background: linear-gradient(162deg, #7393F2 0%, #7C99F1 100%);
  box-shadow: 0px 12rpx 20rpx 2rpx rgba(75, 112, 234, 0.2);
  border-radius: 20rpx;
  position: relative;
  box-sizing: border-box;
}
.menuItemStyle2 image,
.menuItemStyle2 .iconfont {
  width: 128rpx;
  position: absolute;
  right: 20rpx;
  bottom: 30rpx;
}
.menuItem2,
.menuItem7,
.menuItem12,
.menuItem17 {
  background: linear-gradient(162deg, #C9BE1A 0%, #F9E595 100%);
  box-shadow: 0px 12rpx 20rpx 2rpx rgba(119, 93, 233, 0.2);
}
.menuItem3,
.menuItem8,
.menuItem13,
.menuItem18 {
  background: linear-gradient(162deg, #E96363 0%, #F86C6C 100%);
  box-shadow: 0px 12rpx 20rpx 2rpx rgba(119, 93, 233, 0.2);
}
.menuItem4,
.menuItem9,
.menuItem14,
.menuItem19 {
  background: linear-gradient(162deg, #67C792 0%, #74DBA6 100%);
  box-shadow: 0px 12rpx 20rpx 2rpx rgba(114, 216, 163, 0.2);
}
.menuItem5,
.menuItem10,
.menuItem15,
.menuItem20 {
  background: linear-gradient(162deg, #7F63E9 0%, #755BE9 100%);
  box-shadow: 0px 12rpx 20rpx 2rpx rgba(119, 93, 233, 0.2);
}
.menuItemStyle3 {
  padding: 40rpx 30rpx;
  font-size: 32rpx;
  color: #fff;
  margin-bottom: 36rpx;
  border-radius: 8rpx;
  background: linear-gradient(162deg, #7393F2 0%, #7C99F1 100%);
  box-shadow: 0px 12rpx 20rpx 2rpx rgba(75, 112, 234, 0.2);
  border-radius: 20rpx;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.menuItemStyle3 image {
  width: 60rpx;
  margin-right: 20rpx;
}
.menuItemStyle3 .van-icon {
  margin-right: 20rpx;
}
.container {
  display: flex;
  flex-direction: column;
  background-size: 750rpx 610rpx;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,[encoded data, 289472 characters]);
}
