.el-submenu{
  .el-menu{
    .el-menu-item{
      svg{
        display: none;
      }
      span{
        padding-left: 15px;
      }
    }
    .is-active::after{
      content: '';
      display: block;
      width: 5px;
      height: 5px;
      background: white;
      border-radius: 100%;
      position: absolute;
      top: 23.5px;
      margin-left: -5px;
    }
    .is-active{
       color: white !important;
    }
  }
}
.form-box{
  box-shadow: 0 0 0px 1px #EAEBED;
  border-radius: 1px;
  padding: 12px 170px 0 20px;
  margin-bottom: 10px;
  position: relative;
  .el-form-item{
    margin-bottom: 10px;
  }
  .form-btn-box{
    padding: 11px 20px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .vue-treeselect{
    >div{
      height: 28px !important;
    }
    height: 28px;
  }
}
.operate-btn{
  margin-bottom: 10px;
}

  .mediaDialog{
    .el-form{
      margin-left: 10px;
      width: 95%;
    }
  }
  .device-upload{
	  .hide{
		  max-height: 129px;
	  }
    .el-upload{
      width: 128px;
      height: 128px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 5px;
    }
    .el-upload__tip{
      display: none;
    }
    .el-upload-list__item{
      width: 128px;
      height: 128px;
      border-radius: 5px;
    }
    img{
      object-fit: contain;
    }
  }
.redMust{
  color: #F34636;
}

.el-button--primary{
  color: white !important;
  background: rgba(64, 158, 255, 1) !important;
  border: none;
  box-shadow: none;
}


  @keyframes boxshow{
  	0%{width:0;height:0;opacity: 0.1;}
  	100%{width:50px;height:50px;opacity: 1;}
  }
  @keyframes boxshows{
  	0%{opacity: 0.6;}
  	100%{opacity: 1;}
  }
