.com-menus{
  width:100%;
  height:68px;
  overflow: hidden;
  overflow-x: auto;
  background:#f3f3f3;
  padding-top:5px;
 &::-webkit-scrollbar {
     width:5px;
     height:5px;
     background-color: #CCC;
 }
 &::-webkit-scrollbar-thumb{
   background-color:#b9deff;
 }
  .menus-out{
    width:100%;
    height:100%;
  }
  .group-item{
    display:flex;
    flex-direction: row;
    font-size:12px;
    margin-right: 10px;
    float:left;
/*     background:#e2e2e2; */
    margin-left:5px;
    border-radius: 5px;
    padding-top:5px;
    padding-bottom:5px;
    .items-name{
      font-size:14px;
      display: flex;
      width:25px;
      justify-content: center;
      align-items: center;
      margin-left:10px;
      border-right:1px solid #CCC;
      font-weight: bold;
    }
    .menus{
      display: flex;
      justify-content:center;
      align-items: center;

      .menu{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content:center;
        width:60px;
        cursor: pointer;
        .icon{
          width:32px;
          height:32px;
          display: flex;
          align-items: center;
          justify-content:center;
          .svg-style{
            width:24px;
            height:24px;
          }
        }
      }
    }
  }
  .group-item0{
    /*  width:500px; */
     overflow: hidden;
  }
}
