.next-tag {
  box-sizing: border-box;
  color: #333333;
  font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
  font-size: 14px;
  line-height: 1.28571;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-style: solid;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  -webkit-transition: all 0.1s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.1s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  border-radius: 2px;
  cursor: pointer;
  max-width: 100%;
}

.next-tag *, .next-tag *:before, .next-tag *:after {
  box-sizing: border-box;
}

.next-tag a {
  color: #2192D9;
  text-decoration: none;
}

.next-tag a:hover {
  color: #0B70AF;
}

.next-tag a:active {
  color: #0B70AF;
  text-decoration: underline;
}

.next-tag .next-tag-opt, .next-tag .next-tag-number, .next-tag>.next-tag-body, .next-tag>.next-tag-tail {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}

.next-tag .next-tag-opt {
  width: 28px;
  vertical-align: middle;
}

.next-tag[disabled], .next-tag.disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.next-tag-medium {
  margin: 8px;
  height: 28px;
  font-size: 12px;
  line-height: 26px;
  border-width: 1px;
}

.next-tag-medium>.next-tag-body {
  padding-left: 8px;
  padding-right: 8px;
}

.next-tag-medium .next-tag-opt {
  height: 28px;
}

.next-tag-medium .next-tag-opt .next-icon:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}

.next-tag-large {
  margin: 8px;
  height: 28px;
  font-size: 12px;
  line-height: 26px;
  border-width: 1px;
}

.next-tag-large>.next-tag-body {
  padding-left: 8px;
  padding-right: 8px;
}

.next-tag-large .next-tag-opt {
  height: 28px;
}

.next-tag-large .next-tag-opt .next-icon:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}

.next-tag-small {
  margin: 4px;
  height: 20px;
  font-size: 12px;
  line-height: 18px;
  border-width: 1px;
}

.next-tag-small>.next-tag-body {
  padding-left: 8px;
  padding-right: 8px;
}

.next-tag-small .next-tag-opt {
  height: 20px;
}

.next-tag-small .next-tag-opt .next-icon:before {
  width: 8px;
  font-size: 8px;
  line-height: inherit;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .next-tag-small .next-tag-opt .next-icon {
    -webkit-transform: scale(0.5) translateX(0);
    -ms-transform: scale(0.5) translateX(0);
    transform: scale(0.5) translateX(0);
  }
  .next-tag-small .next-tag-opt .next-icon:before {
    width: 16px;
    font-size: 16px;
  }
}

.next-tag-selectable .next-tag-body {
  width: 100%;
}

.next-tag-selectable.next-tag-level-normal {
  color: #666666;
  background-color: #FFFFFF;
  border-color: #C4C6CF;
}

.next-tag-selectable.next-tag-level-normal.hover, .next-tag-selectable.next-tag-level-normal:hover {
  color: #333333;
  background-color: #F7F8FA;
  border-color: #A0A2AD;
}

.next-tag-selectable.next-tag-level-normal[disabled], .next-tag-selectable.next-tag-level-normal.disabled {
  color: #CCCCCC;
  background-color: #F7F8FA;
  border-color: #DCDEE3;
}

.next-tag-selectable.next-tag-level-normal.next-tag-selected {
  color: #4F74B3;
  background-color: #FFFFFF;
  border-color: #4F74B3;
}

.next-tag-selectable.next-tag-level-normal.next-tag-selected.hover, .next-tag-selectable.next-tag-level-normal.next-tag-selected:hover {
  color: #2D559C;
  background-color: #FFFFFF;
  border-color: #2D559C;
}

.next-tag-selectable.next-tag-level-normal.next-tag-selected:before {
  position: absolute;
  content: " ";
  right: -9px;
  bottom: -9px;
  -webkit-font-smoothing: antialiased;
  background: #4F74B3;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 18px;
  height: 18px;
}

.next-tag-selectable.next-tag-level-normal.next-tag-selected:after {
  position: absolute;
  right: -2px;
  bottom: -3px;
  line-height: 14px;
  font-size: 12px;
  font-family: NextIcon;
  -webkit-font-smoothing: antialiased;
  content: "";
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  color: #FFFFFF;
}

.next-tag-selectable.next-tag-level-normal.next-tag-selected.hover:before, .next-tag-selectable.next-tag-level-normal.next-tag-selected:hover:before {
  background: #2192D9;
}

.next-tag-selectable.next-tag-level-primary {
  color: #666666;
  background-color: #F7F8FA;
  border-color: #FFFFFF;
}

.next-tag-selectable.next-tag-level-primary.hover, .next-tag-selectable.next-tag-level-primary:hover {
  color: #333333;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.next-tag-selectable.next-tag-level-primary[disabled], .next-tag-selectable.next-tag-level-primary.disabled {
  color: #CCCCCC;
  background-color: #F7F8FA;
  border-color: #FFFFFF;
}

.next-tag-selectable.next-tag-level-primary.next-tag-selected {
  color: #FFFFFF;
  background-color: #15AD9D;
  border-color: #15AD9D;
}