.el-badge {
  position: relative;
  vertical-align: middle;
  display: inline-block; }
  .el-badge__content {
    background-color: #FF5050;
    border-radius: 10px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #FFFFFF; }
    .el-badge__content.is-fixed {
      position: absolute;
      top: 0;
      right: 10px;
      -webkit-transform: translateY(-50%) translateX(100%);
      transform: translateY(-50%) translateX(100%); }
      .el-badge__content.is-fixed.is-dot {
        right: 5px; }
    .el-badge__content.is-dot {
      height: 8px;
      width: 8px;
      padding: 0;
      right: 0;
      border-radius: 50%; }
    .el-badge__content--primary {
      background-color: #00BC70; }
    .el-badge__content--success {
      background-color: #00BC70; }
    .el-badge__content--warning {
      background-color: #EC9131; }
    .el-badge__content--info {
      background-color: #909399; }
    .el-badge__content--danger {
      background-color: #FF5050; }