/* pages/workstand/index.wxss */
.banner{
  width: var(--main-width700);
  margin: 30rpx auto;
  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;

  .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;
    image{
      width: 100%;
    }
  }
  .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;
  image,.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;
  image{
    width:60rpx;
    margin-right:20rpx
  }
  .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]);
}