.phoenix-text-button {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.phoenix-text-button--big .phoenix-text-button__textWraper {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-text-button--small .phoenix-text-button__textWraper {
  font-size: 12px;
  line-height: 20px;
}

.phoenix-text-button--primary {
  color: #106ecc;
}

.phoenix-text-button--primary .phoenix-text-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary:hover {
  color: #1d86f0;
}

.phoenix-text-button--primary:hover .phoenix-text-button__suffixIcon {
  color: #106ecc;
}

.phoenix-text-button--primary:hover .phoenix-text-button__preIcon {
  color: #106ecc;
}

.phoenix-text-button--primary:active, .phoenix-text-button--primary.active {
  color: #106ecc;
}

.phoenix-text-button--primary:active .phoenix-text-button__suffixIcon, .phoenix-text-button--primary.active .phoenix-text-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary:active .phoenix-text-button__preIcon, .phoenix-text-button--primary.active .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--secondary {
  color: #33383d;
}

.phoenix-text-button--secondary .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary .phoenix-text-button__preIcon {
  color: #83898f;
}

.phoenix-text-button--secondary:hover {
  color: #1d86f0;
}

.phoenix-text-button--secondary:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary:hover .phoenix-text-button__preIcon {
  color: #106ecc;
}

.phoenix-text-button--secondary:active, .phoenix-text-button--secondary.active {
  color: #106ecc;
}

.phoenix-text-button--secondary:active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary:active .phoenix-text-button__preIcon, .phoenix-text-button--secondary.active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary.active .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--primaryDisable {
  cursor: not-allowed;
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryDisable .phoenix-text-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable .phoenix-text-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable:hover, .phoenix-text-button--primaryDisable:active, .phoenix-text-button--primaryDisable.active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryDisable:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--primaryDisable:active .phoenix-text-button__suffixIcon, .phoenix-text-button--primaryDisable.active .phoenix-text-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable:hover .phoenix-text-button__preIcon, .phoenix-text-button--primaryDisable:active .phoenix-text-button__preIcon, .phoenix-text-button--primaryDisable.active .phoenix-text-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryLoading {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading:hover, .phoenix-text-button--primaryLoading:active, .phoenix-text-button--primaryLoading.active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading .phoenix-text-button__preIcon--hasLoading, .phoenix-text-button--primaryLoading:hover .phoenix-text-button__preIcon--hasLoading {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-text-button--secondaryDisable {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-text-button--secondaryDisable .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable .phoenix-text-button__preIcon {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryDisable:hover, .phoenix-text-button--secondaryDisable:active, .phoenix-text-button--secondaryDisable.active {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryDisable:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable:hover .phoenix-text-button__preIcon, .phoenix-text-button--secondaryDisable:active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable:active .phoenix-text-button__preIcon, .phoenix-text-button--secondaryDisable.active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable.active .phoenix-text-button__preIcon {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading:hover, .phoenix-text-button--secondaryLoading:active, .phoenix-text-button--secondaryLoading.active {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading .phoenix-text-button__preIcon--hasLoading, .phoenix-text-button--secondaryLoading:hover .phoenix-text-button__preIcon--hasLoading {
  color: rgba(131, 137, 143, 0.9);
}

.phoenix-text-button__preIcon {
  align-items: center;
  margin-right: 4px;
  line-height: 0;
}

.phoenix-text-button__preIcon--hasIcon, .phoenix-text-button__preIcon--loading {
  margin-right: 4px;
}

.phoenix-text-button__preIcon--hasIcon {
  width: auto;
  height: 18px;
}

.phoenix-text-button__preIcon--hasIcon svg {
  width: 18px;
  height: 18px;
}

.phoenix-text-button__preIcon--hasLoading {
  width: auto;
}

.phoenix-text-button__preIcon--hasLoading svg {
  width: 14px;
  height: 14px;
}

.phoenix-text-button__suffixIcon {
  align-items: center;
  margin-left: 4px;
  width: auto;
  line-height: 0;
}

.phoenix-text-button__suffixIcon svg {
  width: 12px;
  height: 12px;
}

.phoenix-text-button__textWraper {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
}