.py-breadcrumb {
  font-size: 14px;
  line-height: 1;

  &:after,
  &:before {
    display: table;
    content: "";
  }
}

.py-breadcrumb::after {
  clear: both;
}

.py-breadcrumb__separator {
  margin: 0 9px;
  font-weight: 700;
  color: #c0c4cc;
}

.py-breadcrumb__separator[class*=icon] {
  margin: 0 6px;
  color: #c0c4cc;
  font-weight: 600;
}

.py-breadcrumb__item {
  float: left;
}

.py-breadcrumb__inner {
  color: #606266
}

.py-breadcrumb__inner a,
.py-breadcrumb__inner.is-link {
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
  transition: color .2s cubic-bezier(.645, .045, .355, 1);
  color: #303133
}

.py-breadcrumb__item:last-child .py-breadcrumb__inner,
.py-breadcrumb__item:last-child .py-breadcrumb__inner a,
.py-breadcrumb__item:last-child .py-breadcrumb__inner a:hover,
.py-breadcrumb__item:last-child .py-breadcrumb__inner:hover {
  font-weight: 400;
  color: #606266;
  cursor: text
}

.py-breadcrumb__item:last-child .py-breadcrumb__separator {
  color: #ffffff
}