//背景色
@back_color: #f8f8fa;
//前景色
@fore_color: #ffffff;

@FontColorWhite:#fff;

//灰色字体颜色
@FontColorGray: #4d4d4d;

// 深色背景
@menu_color: rgb(84, 92, 100);

//边框颜色
@BorderColor:#e9e9e9;
@ThemeColor:#01aaed;

//兼容浏览器的flex
.myflex(@y){
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  -webkit-box-align: @y;
  -webkit-align-items: @y;
  align-items: @y;
}

html{
  background-color: #f2f2f2;
  color: #666;
}
body{
  padding: 0;
  margin: 0;
  // user-select: none; // 此语句可设置网页文本无法选中
  -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-device-width:768px){
  .RightContent{
    margin: 10px;
    padding: 10px 0px 10px 230px;
    background-color: @fore_color;
  }
}

// 移动端
@media only screen and (max-device-width:768px){
  .RightContent{
    padding: 10px 10px;
    background-color: @fore_color;
  }

  .el-dialog{
    width: 90%;
  }

  .el-form-item__content{
    overflow: hidden;
  }
}

.PageContainer{
  padding: 0;
}
.success-color{
  color: #67C23A;
}
.warning-color{
  color: #E6A23C;
}
.danger-color{
  color: #F56C6C;
}
.info-color{
  color: #909399;
}
