.zyy-menu-wrap{
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  background-image:linear-gradient(to bottom,#1973FC,#277EFC);
}
.zyy-menu-title{
  height: 50px;
  background-color: transparent;
}
.zyy-menu-content{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  overflow-y: auto;
  height: 100%;
}
.zyy-menu-item{
  height: 50px;
  line-height: 50px;
  width: 100%;
  background-color: transparent;
  text-align: center;
}
.zyy-menu-item:active{
  background-image: url(data:image/png;base64,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);
  background-position: right;
  background-size: 80px 50px;
  background-repeat: no-repeat;
}
.zyy-menu-item:visited{
  background-image: url(data:image/png;base64,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);
  background-position: right;
  background-size: 80px 50px;
  background-repeat: no-repeat;
}
.zyy-menu-item:hover{
  background-image: url(data:image/png;base64,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);
  background-position: right;
  background-size: 80px 50px;
  background-repeat: no-repeat;
}