.burn-revenue-wrapper {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 20px;
}
.burn-revenue-wrapper .burn-revenue-title {
  color: #101010;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 14px;
}
.burn-revenue-wrapper .burn-revenue-table .smart-table-wrapper .card {
  border: none;
}
.burn-revenue-wrapper
  .burn-revenue-table
  .smart-table-wrapper
  .ant-table
  .ant-table-thead {
  background-color: #fff !important;
}
.burn-revenue-wrapper
  .burn-revenue-table
  .smart-table-wrapper
  .ant-table
  tr
  th {
  border-bottom: 1px solid #f0f2f3 !important;
  color: #101010 !important;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.burn-revenue-wrapper
  .burn-revenue-table
  .smart-table-wrapper
  .ant-table
  tr
  th:first-child {
  border-radius: 0;
  padding-left: 15px !important;
}
.burn-revenue-wrapper
  .burn-revenue-table
  .smart-table-wrapper
  .ant-table
  tr
  th:last-child {
  border-radius: 0;
  padding-right: 10px !important;
}
.burn-revenue-wrapper
  .burn-revenue-table
  .smart-table-wrapper
  .ant-table
  tr
  td {
  white-space: nowrap;
}
.burn-revenue-wrapper
  .burn-revenue-table
  .smart-table-wrapper
  .ant-table
  tr
  td
  .revenue-row-skeleton {
  margin: 10px 0;
}
.tron-burn-income-tip-wrap .title {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 8px;
}
.tron-burn-income-tip-wrap .desc {
  align-items: flex-start;
  display: inline-flex;
  justify-content: flex-start;
}
.tron-burn-income-tip-wrap .desc span {
  font-size: 12px;
  line-height: 18px;
}
.tron-burn-income-tip-wrap .desc:before {
  background: #fff;
  border-radius: 50%;
  content: "";
  flex-shrink: 0;
  height: 6px;
  margin-right: 4px;
  margin-top: 6px;
  width: 6px;
}
.tron-burn-income-tip-wrap .link {
  margin-top: 8px;
}
.stats-chart-burn-revenue .chart-top-title {
  color: #101010;
  display: inline-flex;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  z-index: 100;
}
.stats-chart-burn-revenue .right-btns {
  justify-content: space-around;
  right: 0;
  top: 20px;
  width: 100%;
}
.stats-chart-burn-revenue
  .select-content-container.ant-select-dropdown
  .ant-select-item-option-content {
  overflow: visible;
}
.chart-revenue-legend .echart-legend-wrapper {
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.chart-revenue-legend .echart-legend-wrapper div:last-child {
  margin-right: 0 !important;
}
.menu-content-container-expand .stats-chart-burn-revenue .right-btns {
  justify-content: space-around;
  right: 0;
  top: 20px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .stats-chart-burn-revenue .right-btns {
    flex-direction: row;
    flex-wrap: wrap;
    top: 10px;
  }
  .stats-chart-burn-revenue .right-btns .chart-top-title {
    margin-bottom: 10px;
  }
}
.defiTotalAmount .ant-table-body table {
  border: 1px solid #00000014 !important;
  border-radius: 1px !important;
}
.defiTotalAmount .ant-table-thead th {
  padding-left: 12px !important;
}
.defiTotalAmount .ant-table-tbody .ant-table-row.ant-table-row-level-0 td {
  color: #91979d;
  font-size: 14px;
}
.defiTotalAmount
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .usd-amount {
  color: #999;
  font-size: 10px;
}
.defiTotalAmount .ant-table-tbody .ant-table-row.ant-table-row-level-0 .rank-0 {
  background: url(/static-20251224051041/media/newrank-1.705a3a8d38100c46f390.png);
}
.defiTotalAmount .ant-table-tbody .ant-table-row.ant-table-row-level-0 .rank-1 {
  background: url(/static-20251224051041/media/newrank-2.89c00fb5184390f518e2.png);
}
.defiTotalAmount .ant-table-tbody .ant-table-row.ant-table-row-level-0 .rank-2 {
  background: url(/static-20251224051041/media/newrank-3.495893f53865b1d19cba.png);
}
.defiTotalAmount .ant-table-tbody .ant-table-row.ant-table-row-level-0 .rank {
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.defiTotalAmount
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .defi-type {
  position: relative;
}
.defiTotalAmount
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .defi-type
  .defi-type-item {
  background: #f0f2f3;
  border-radius: 2px;
  border-radius: 4px;
  box-sizing: border-box;
  color: #101010;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-right: 10px;
  padding: 2px 8px;
}
.defiTotalAmount
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .defi-type
  .defi-type-item:last-child {
  margin-right: 0;
}
.defiTotalAmount
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .defi-type-normal {
  color: #c2c9d1;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
.defiTotalAmount
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .text-success {
  color: #2d912c !important;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.defiTotalAmount
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .text-danger {
  color: #c23631 !important;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.defiTotalAmount
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .text-balance {
  color: #404245 !important;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.defiTotalAmount
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .text-normal {
  color: #404245;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.defiTotalAmount
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .text-bold {
  color: #c2c9d1;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}
.activeAccounts.defiTotalAmount
  .ant-table-wrapper
  .ant-table-content
  .ant-table-thead
  tr
  th:last-child
  .ant-table-column-sorters,
.activeAccounts.defiTotalAmount
  .ant-table-wrapper
  .ant-table-content
  .ant-table-thead
  tr
  th:nth-last-child(2)
  .ant-table-column-sorters {
  justify-content: flex-end;
}
.activeAccounts.defiTotalAmount
  .ant-table-wrapper
  .ant-table-content
  .ant-table-tbody
  td:first-child {
  padding: 10px 10px 9px 2px !important;
}
.activeAccounts.defiTotalAmount .ant-table-wrapper .ant-table-content a {
  color: #c23631 !important;
}
.cit2 .ant-table-column-sorters {
  justify-content: flex-end !important;
}
.comsumption-table .smart-table-wrapper .card {
  border: none;
}
.comsumption-table .smart-table-wrapper .ant-table tr td,
.comsumption-table .smart-table-wrapper .ant-table tr th {
  white-space: nowrap;
}
.total-revenue-header {
  align-items: end;
  display: flex;
  margin-bottom: 20px;
}
.total-revenue-header.total-revenue-wrap-header .total-revenue-title {
  width: 100%;
}
.total-revenue-header.total-revenue-wrap-header .total-revenue-desc-wrap {
  margin-left: 0;
  margin-top: 8px;
}
.total-revenue-header .total-revenue-desc-wrap {
  display: flex;
  margin-left: 8px;
}
.total-revenue-header .total-revenue-title {
  color: #101010;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}
.total-revenue-header .total-revenue-desc {
  color: #73787b;
  font-size: 14px;
  line-height: 20px;
  margin-right: 4px;
}
.total-revenue-header .total-revenue-desc.total-revenue-desc2 {
  margin-left: 4px;
  margin-right: 0;
}
.total-revenue-header .total-revenue-rule {
  color: #c23631;
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
}
.total-revenue-header .total-revenue-rule:hover {
  color: #e50915 !important;
  text-decoration: underline !important;
}
@media screen and (max-width: 1399px) and (min-width: 768px) {
  .total-revenue-header {
    flex-wrap: wrap;
  }
  .total-revenue-header .total-revenue-desc-wrap {
    flex-wrap: wrap;
    margin-left: 0;
    margin-top: 8px;
  }
}
@media screen and (max-width: 768px) {
  .total-revenue-header {
    align-items: start;
    flex-direction: column;
  }
  .total-revenue-header .total-revenue-desc-wrap {
    flex-direction: column;
    margin-left: 0;
    margin-top: 8px;
  }
  .total-revenue-header .total-revenue-desc-item:last-of-type {
    margin-top: 4px;
  }
  .total-revenue-header .total-revenue-desc {
    margin-left: 0;
    margin-top: 12px;
  }
}
.chart-skeleton-wrapper {
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
}
.chart-skeleton-wrapper .ant-skeleton-input {
  background: #f0f2f3;
}
.chart-skeleton-wrapper .skeleton-wrapper-chart {
  height: 160px;
  position: relative;
  width: 160px;
}
.chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-chart-pie
  .ant-skeleton-avatar {
  height: 160px;
  width: 160px;
}
.chart-skeleton-wrapper .skeleton-wrapper-chart .pie-title-wrapper {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 120px;
  justify-content: center;
  left: 20px;
  position: absolute;
  top: 20px;
  width: 120px;
}
.chart-skeleton-wrapper .skeleton-wrapper-chart .pie-title-wrapper .pie-title {
  color: #73787b;
  font-size: 14px;
  margin-bottom: 10px;
}
.chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .pie-title-wrapper
  .skeleton-wrapper-chart-rectangle {
  height: 20px;
}
.chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .pie-title-wrapper
  .skeleton-wrapper-chart-rectangle
  .ant-skeleton-input {
  height: 20px;
  min-width: 0;
  width: 54px;
}
.chart-skeleton-wrapper .skeleton-wrapper-details {
  flex: 1 1;
  margin-left: 60px;
}
.chart-skeleton-wrapper .skeleton-wrapper-details-item {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.chart-skeleton-wrapper .skeleton-wrapper-details-item:not(:first-of-type) {
  margin-top: 12px;
}
.chart-skeleton-wrapper .skeleton-wrapper-details-item-left {
  height: 20px;
}
.chart-skeleton-wrapper
  .skeleton-wrapper-details-item-left
  .ant-skeleton-element
  .ant-skeleton-input {
  height: 20px;
  min-width: 130px;
  width: 130px;
}
.chart-skeleton-wrapper .skeleton-wrapper-details-item-right {
  height: 20px;
}
.chart-skeleton-wrapper
  .skeleton-wrapper-details-item-right
  .ant-skeleton-element
  .ant-skeleton-input {
  height: 20px;
  min-width: 0;
  width: 104px;
}
.chart-skeleton-wrapper
  .skeleton-wrapper-details-item:nth-of-type(2)
  .skeleton-wrapper-details-item-right
  .ant-skeleton-element
  .ant-skeleton-input {
  width: 83px;
}
.chart-skeleton-wrapper
  .skeleton-wrapper-details-item:nth-of-type(3)
  .skeleton-wrapper-details-item-right
  .ant-skeleton-element
  .ant-skeleton-input {
  width: 70px;
}
.chart-skeleton-wrapper
  .skeleton-wrapper-details-item:nth-of-type(4)
  .skeleton-wrapper-details-item-right
  .ant-skeleton-element
  .ant-skeleton-input {
  width: 92px;
}
.chart-skeleton-wrapper
  .skeleton-wrapper-details-item:nth-of-type(5)
  .skeleton-wrapper-details-item-right
  .ant-skeleton-element
  .ant-skeleton-input {
  width: 60px;
}
.chart-skeleton-wrapper
  .skeleton-wrapper-details-item:nth-of-type(6)
  .skeleton-wrapper-details-item-right
  .ant-skeleton-element
  .ant-skeleton-input {
  width: 46px;
}
.chart-skeleton-wrapper
  .skeleton-wrapper-details-item:nth-of-type(7)
  .skeleton-wrapper-details-item-right
  .ant-skeleton-element
  .ant-skeleton-input {
  width: 60px;
}
@media screen and (max-width: 768px) {
  .chart-skeleton-wrapper {
    flex-direction: column;
    padding: 0;
  }
  .chart-skeleton-wrapper .skeleton-wrapper-chart {
    margin-top: 20px;
  }
  .chart-skeleton-wrapper .skeleton-wrapper-details {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
  }
  .chart-skeleton-wrapper
    .skeleton-wrapper-details
    .skeleton-wrapper-details-item {
    margin-bottom: 10px;
    margin-top: 0;
  }
}
.common-pie-chart-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.common-pie-chart-container .new-echarts-wrapper {
  width: 40%;
}
.common-pie-chart-container .pie-chart-legend-wrapper {
  max-height: 190px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 60%;
}
.common-pie-chart-container .pie-chart-legend-wrapper::-webkit-scrollbar {
  width: 2px;
}
.common-pie-chart-container .pie-chart-legend-wrapper::-webkit-scrollbar-track {
  background-color: #fff;
  transform: translateX(10px);
}
.common-pie-chart-container .pie-chart-legend-wrapper::-webkit-scrollbar-thumb {
  background-color: #91979d;
  border-radius: 2px;
}
.common-pie-chart-container .pie-chart-legend-wrapper .pie-chart-legend-header {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  justify-content: space-between;
  margin-bottom: 8px;
  white-space: nowrap;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .pie-chart-legend-header
  .header-first {
  margin-left: 18px;
  width: 250px;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .pie-chart-legend-header
  .header-middle {
  margin-right: 16px;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .pie-chart-legend-header
  .header-last {
  margin-right: 10px;
}
.common-pie-chart-container .pie-chart-legend-wrapper .chart-legend-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 6px;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper:last-child {
  margin-bottom: 0;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper:hover {
  background-color: #f6f7fb;
  border-radius: 6px;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper:hover
  .chart-legend-item-left
  .chart-legend-item-name,
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper:hover
  .chart-legend-item-middle
  .chart-legend-item-percent,
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper:hover
  .chart-legend-item-middle
  .chart-legend-item-unit,
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper:hover
  .chart-legend-item-middle
  .chart-legend-item-value,
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper:hover
  .chart-legend-item-right
  .chart-legend-item-percent,
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper:hover
  .chart-legend-item-right
  .chart-legend-item-unit,
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper:hover
  .chart-legend-item-right
  .chart-legend-item-value {
  font-weight: 700;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper
  .chart-legend-item-left {
  align-items: center;
  display: flex;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper
  .chart-legend-item-left
  .chart-legend-item-circle {
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  height: 6px;
  margin-right: 6px;
  width: 6px;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper
  .chart-legend-item-left
  .chart-legend-item-name {
  color: #101010;
  font-size: 12px;
  font-weight: 400;
  width: 160px;
}
@media screen and (max-width: 1400px) {
  .common-pie-chart-container
    .pie-chart-legend-wrapper
    .chart-legend-wrapper
    .chart-legend-item-left
    .chart-legend-item-name {
    width: 120px;
  }
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper
  .chart-legend-item-right
  .chart-legend-item-value {
  color: #101010;
  font-size: 12px;
  font-weight: 400;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper
  .chart-legend-item-right
  .chart-legend-item-percent {
  color: #73787b;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  margin-left: 4px;
  min-width: 50px;
  text-align: left;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper
  .chart-legend-item-right
  .chart-legend-item-unit {
  color: #101010;
  font-size: 12px;
  font-weight: 400;
  margin-left: 4px;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper
  .chart-legend-item-middle
  .chart-legend-item-value {
  color: #101010;
  font-size: 12px;
  font-weight: 400;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper
  .chart-legend-item-middle
  .chart-legend-item-percent {
  color: #73787b;
  font-size: 12px;
  font-weight: 400;
  margin-left: 4px;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper
  .chart-legend-item-middle
  .chart-legend-item-unit {
  color: #101010;
  font-size: 12px;
  font-weight: 400;
  margin-left: 4px;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper-active {
  background-color: #f6f7fb;
  border-radius: 6px;
}
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper-active
  .chart-legend-item-left
  .chart-legend-item-name,
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper-active
  .chart-legend-item-middle
  .chart-legend-item-percent,
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper-active
  .chart-legend-item-middle
  .chart-legend-item-unit,
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper-active
  .chart-legend-item-middle
  .chart-legend-item-value,
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper-active
  .chart-legend-item-right
  .chart-legend-item-percent,
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper-active
  .chart-legend-item-right
  .chart-legend-item-unit,
.common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper-active
  .chart-legend-item-right
  .chart-legend-item-value {
  font-weight: 700;
}
.common-pie-chart-container .chart-skeleton-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-top: 18px;
  width: 100%;
}
.common-pie-chart-container .chart-skeleton-container .chart-skeleton-wrapper {
  width: 40%;
}
.common-pie-chart-container .chart-skeleton-container .legend-skeleton-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 60%;
}
.common-pie-chart-container
  .chart-skeleton-container
  .legend-skeleton-wrapper
  .legend-skeleton-left
  .skeleton-wrapper-item {
  margin-bottom: 8px;
}
.common-pie-chart-container
  .chart-skeleton-container
  .legend-skeleton-wrapper
  .legend-skeleton-left
  .skeleton-wrapper-item:last-child {
  margin-bottom: 0;
}
.common-pie-chart-container
  .chart-skeleton-container
  .legend-skeleton-wrapper
  .legend-skeleton-left
  .skeleton-wrapper-item
  .ant-skeleton-input {
  height: 16px;
  min-width: 180px;
  width: 180px;
}
.common-pie-chart-container
  .chart-skeleton-container
  .legend-skeleton-wrapper
  .legend-skeleton-right {
  text-align: right;
}
.common-pie-chart-container
  .chart-skeleton-container
  .legend-skeleton-wrapper
  .legend-skeleton-right
  .skeleton-wrapper-item {
  margin-bottom: 8px;
}
.common-pie-chart-container
  .chart-skeleton-container
  .legend-skeleton-wrapper
  .legend-skeleton-right
  .skeleton-wrapper-item:last-child {
  margin-bottom: 0;
}
.common-pie-chart-container
  .chart-skeleton-container
  .legend-skeleton-wrapper
  .legend-skeleton-right
  .skeleton-wrapper-item:first-of-type
  .ant-skeleton-input {
  min-width: 130px;
  width: 130px;
}
.common-pie-chart-container
  .chart-skeleton-container
  .legend-skeleton-wrapper
  .legend-skeleton-right
  .skeleton-wrapper-item:nth-of-type(2)
  .ant-skeleton-input,
.common-pie-chart-container
  .chart-skeleton-container
  .legend-skeleton-wrapper
  .legend-skeleton-right
  .skeleton-wrapper-item:nth-of-type(3)
  .ant-skeleton-input {
  min-width: 100px;
  width: 100px;
}
.common-pie-chart-container
  .chart-skeleton-container
  .legend-skeleton-wrapper
  .legend-skeleton-right
  .skeleton-wrapper-item
  .ant-skeleton-input {
  height: 16px;
  min-width: 60px;
  width: 60px;
}
.stats-pie-chart-container .common-pie-chart-container {
  display: block;
}
.stats-pie-chart-container .common-pie-chart-container .new-echarts-wrapper {
  align-items: center;
  display: flex;
  min-height: 410px;
}
.stats-pie-chart-container
  .common-pie-chart-container
  .pie-chart-legend-wrapper {
  max-height: 350px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 66px;
}
.stats-pie-chart-container
  .common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper {
  padding-right: 10px;
  position: relative;
}
.stats-pie-chart-container
  .common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper
  .chart-legend-item-left
  .chart-legend-item-name {
  width: 300px;
}
@media screen and (max-width: 1400px) {
  .stats-pie-chart-container
    .common-pie-chart-container
    .pie-chart-legend-wrapper
    .chart-legend-wrapper
    .chart-legend-item-left
    .chart-legend-item-name {
    width: 250px;
  }
}
.stats-pie-chart-container
  .common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper
  .chart-legend-item-left
  .chart-legend-item-name
  .address-link {
  width: 100%;
}
.stats-pie-chart-container
  .common-pie-chart-container
  .pie-chart-legend-wrapper
  .chart-legend-wrapper
  .chart-legend-item-left
  .chart-legend-item-name
  .address-link.personal-address-link {
  width: auto;
}
@media screen and (max-width: 768px) {
  .common-pie-chart-container {
    flex-direction: column;
    padding-right: 0;
    padding-top: 0;
  }
  .common-pie-chart-container .new-echarts-wrapper,
  .common-pie-chart-container .pie-chart-legend-wrapper {
    width: 100%;
  }
  .common-pie-chart-container
    .pie-chart-legend-wrapper
    .chart-legend-wrapper
    .chart-legend-item-left {
    width: 44%;
  }
  .common-pie-chart-container
    .pie-chart-legend-wrapper
    .chart-legend-wrapper
    .chart-legend-item-left
    .chart-legend-item-name {
    width: calc(100% - 12px);
  }
  .common-pie-chart-container .chart-skeleton-container {
    flex-direction: column;
  }
  .common-pie-chart-container
    .chart-skeleton-container
    .chart-skeleton-wrapper {
    margin-bottom: 20px;
    width: 100%;
  }
  .common-pie-chart-container
    .chart-skeleton-container
    .legend-skeleton-wrapper {
    width: 100%;
  }
  .stats-pie-chart-container .common-pie-chart-container .new-echarts-wrapper {
    display: block;
    min-height: 620px;
  }
  .stats-pie-chart-container
    .common-pie-chart-container
    .pie-chart-legend-wrapper {
    min-height: 380px;
    padding-right: 0;
    top: 408px;
  }
  .stats-pie-chart-container
    .common-pie-chart-container
    .pie-chart-legend-wrapper
    .chart-legend-wrapper {
    padding-right: 0;
  }
  .stats-pie-chart-container
    .common-pie-chart-container
    .pie-chart-legend-wrapper
    .chart-legend-wrapper
    .chart-legend-item-left
    .chart-legend-item-circle {
    position: absolute;
  }
  .stats-pie-chart-container
    .common-pie-chart-container
    .pie-chart-legend-wrapper
    .chart-legend-wrapper
    .chart-legend-item-left
    .chart-legend-item-name {
    padding-left: 10px;
  }
}
.token-detail-data-overview {
  padding-bottom: 0;
}
.token-detail-data-overview .statistic-chart-wrap .token-detail-wrap {
  display: flex;
  left: 0;
  margin-top: 41px;
  position: absolute;
  width: 100%;
}
.token-detail-data-overview .statistic-chart-wrap .token-detail-wrap-simple {
  left: 160px;
  margin-top: 0;
  top: 0;
}
.token-detail-data-overview
  .statistic-chart-wrap
  .token-detail-wrap-simple.usdcold-token-detail-wrap-simple,
.token-detail-data-overview
  .statistic-chart-wrap
  .token-detail-wrap-simple.usddold-token-detail-wrap-simple {
  left: 198px;
}
.token-detail-data-overview .statistic-chart-wrap .token-detail-wrap-other {
  left: 180px;
  margin-top: 0;
  top: 0;
}
.token-detail-data-overview
  .statistic-chart-wrap
  .sunio-detail-wrap
  .token-detail-chart-select
  .token-detail-chart-select-item {
  margin-right: 0;
  min-width: auto;
  padding: 4px 12px;
}
.token-detail-data-overview
  .statistic-chart-wrap
  .token-detail-chart-select-wrap {
  background: #f0f2f5;
  border: none;
  border-radius: 6px;
  box-sizing: border-box;
  overflow: hidden;
  padding: 3px 4px;
  z-index: 100;
}
.token-detail-data-overview
  .statistic-chart-wrap
  .token-detail-chart-select-wrap
  .token-detail-chart-select-item {
  align-items: center;
  background: #0000;
  color: #73787b;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  height: 24px;
  justify-content: center;
  margin-right: 4px;
  min-width: auto;
  padding: 4px 12px;
}
.token-detail-data-overview
  .statistic-chart-wrap
  .token-detail-chart-select-wrap
  .token-detail-chart-select-item:last-child {
  margin-right: 0;
}
.token-detail-data-overview .statistic-chart-wrap .token-detail-chart-select {
  align-items: center;
  display: flex;
  font-weight: 500;
  overflow: hidden;
}
.token-detail-data-overview
  .statistic-chart-wrap
  .token-detail-chart-select
  .ant-radio-button-wrapper {
  border: none;
  transition: none;
}
.token-detail-data-overview
  .statistic-chart-wrap
  .token-detail-chart-select
  .ant-radio-button-wrapper:not(:first-child):before {
  display: none;
}
.token-detail-data-overview
  .statistic-chart-wrap
  .token-detail-chart-select
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: #fff;
  border: none;
  border-radius: 6px;
  box-shadow: none;
  color: #101010 !important;
  overflow: hidden;
}
.token-detail-data-overview
  .statistic-chart-wrap
  .token-detail-chart-select
  .ant-radio-button-wrapper:hover {
  color: #101010;
}
.token-detail-data-overview
  .eco-tokon-chart-wrapper
  .statistic-chart-wrap
  .token-detail-wrap {
  display: flex;
  margin-top: 0;
  position: static;
}
.token-detail-data-overview
  .eco-tokon-chart-wrapper
  .statistic-chart-wrap
  .page-skeleton-single-charts
  .chart-default-card {
  margin-top: 72px;
}
.token-detail-data-overview
  .eco-tokon-chart-wrapper
  .statistic-chart-wrap
  .page-skeleton-single-charts
  .chart-default-card
  .chart-default-container
  .chart-inner-container
  .chart-inner-left,
.token-detail-data-overview
  .eco-tokon-chart-wrapper
  .statistic-chart-wrap
  .page-skeleton-single-charts
  .chart-default-card
  .chart-default-container
  .chart-inner-container
  .chart-inner-right {
  gap: 70px !important;
}
.token-detail-data-overview
  .eco-tokon-chart-wrapper-en
  .statistic-chart-wrap
  .token-detail-wrap {
  left: 0;
  margin-top: 40px;
  position: absolute;
}
.token-detail-data-overview
  .eco-tokon-chart-wrapper-en
  .statistic-chart-wrap
  .page-skeleton-single-charts
  .chart-default-card {
  margin-top: 104px;
}
.token-detail-data-overview
  .eco-tokon-chart-wrapper-en
  .statistic-chart-wrap
  .page-skeleton-single-charts
  .chart-default-card
  .chart-default-container
  .chart-inner-container
  .chart-inner-left,
.token-detail-data-overview
  .eco-tokon-chart-wrapper-en
  .statistic-chart-wrap
  .page-skeleton-single-charts
  .chart-default-card
  .chart-default-container
  .chart-inner-container
  .chart-inner-right {
  gap: 62px !important;
}
@media (min-width: 769px) and (max-width: 1400px) {
  .token-detail-data-overview .statistic-chart-wrap .token-detail-wrap {
    margin-top: 0;
  }
  .token-detail-data-overview .statistic-chart-wrap .token-detail-wrap,
  .token-detail-data-overview .statistic-chart-wrap .token-detail-wrap-other,
  .token-detail-data-overview .statistic-chart-wrap .token-detail-wrap-simple {
    left: 0 !important;
    top: 45px;
  }
  .token-detail-data-overview
    .eco-tokon-chart-wrapper
    .statistic-chart-wrap
    .token-detail-wrap {
    left: 0;
    margin-top: 0;
    position: absolute;
  }
  .token-detail-data-overview
    .eco-tokon-chart-wrapper
    .statistic-chart-wrap
    .page-skeleton-single-charts
    .chart-default-card {
    margin-top: 110px;
  }
  .token-detail-data-overview
    .eco-tokon-chart-wrapper
    .statistic-chart-wrap
    .page-skeleton-single-charts
    .chart-default-card
    .chart-default-container
    .chart-inner-container
    .chart-inner-left,
  .token-detail-data-overview
    .eco-tokon-chart-wrapper
    .statistic-chart-wrap
    .page-skeleton-single-charts
    .chart-default-card
    .chart-default-container
    .chart-inner-container
    .chart-inner-right {
    gap: 62px !important;
  }
}
@media screen and (max-width: 768px) {
  .token-detail-data-overview .statistic-chart-wrap .token-detail-wrap-other,
  .token-detail-data-overview .statistic-chart-wrap .token-detail-wrap-simple,
  .token-detail-data-overview
    .statistic-chart-wrap
    .token-detail-wrap-simple.usdcold-token-detail-wrap-simple,
  .token-detail-data-overview
    .statistic-chart-wrap
    .token-detail-wrap-simple.usddold-token-detail-wrap-simple {
    left: 0;
  }
  .token-detail-data-overview .statistic-chart-wrap .chart-menu-wrapper {
    margin-bottom: 10px;
    margin-top: 12px;
    order: 3;
  }
  .token-detail-data-overview .statistic-chart-wrap .token-detail-wrap {
    margin-top: 0;
    order: 2;
    position: relative;
  }
  .token-detail-data-overview .statistic-chart-wrap .token-detail-chart-select {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .token-detail-data-overview
    .statistic-chart-wrap
    .token-detail-chart-select
    .token-detail-chart-select-item {
    flex-shrink: 0;
  }
  .token-detail-data-overview
    .eco-tokon-chart-wrapper
    .statistic-chart-wrap
    .page-skeleton-single-charts
    .chart-default-card {
    margin-top: 2px;
  }
  .token-detail-data-overview
    .eco-tokon-chart-wrapper
    .statistic-chart-wrap
    .page-skeleton-single-charts
    .chart-default-card
    .chart-default-container
    .chart-inner-container
    .chart-inner-left,
  .token-detail-data-overview
    .eco-tokon-chart-wrapper
    .statistic-chart-wrap
    .page-skeleton-single-charts
    .chart-default-card
    .chart-default-container
    .chart-inner-container
    .chart-inner-right {
    gap: 58px !important;
  }
}
.tvc-table-wrap .ant-table-body table {
  border: 1px solid #00000014 !important;
  border-radius: 1px !important;
}
.tvc-table-wrap .ant-table-container {
  overflow: auto;
}
.tvc-table-wrap .ant-table-content {
  min-width: 1000px;
}
.tvc-table-wrap .ant-table-thead th {
  padding-left: 12px !important;
}
.tvc-table-wrap .ant-table-thead th .ant-table-column-sorters {
  justify-self: right;
}
.tvc-table-wrap .ant-table-tbody .ant-table-row.ant-table-row-level-0 td {
  color: #666;
  font-family: PingFangSC-Regular;
  font-size: 14px;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  td:first-child {
  padding: 10px 10px 9px 2px !important;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  td
  .token-img-top
  i {
  bottom: -2px;
  height: 10px;
  width: 10px;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  td
  .a-link
  a {
  color: #404245 !important;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  td
  .a-link
  a:hover {
  color: #c23631 !important;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  td
  .a-link
  .token-abbr {
  background: linear-gradient(0deg, #ffffffbf, #ffffffbf), #c2c9d1;
  border-radius: 5px;
  color: #101010;
  display: inline-block;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  margin-left: 6px;
  padding: 0 8px;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .usd-amount {
  color: #999;
  font-size: 10px;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .rankWidth {
  display: flex;
  justify-content: left;
}
.tvc-table-wrap .ant-table-tbody .ant-table-row.ant-table-row-level-0 .rank {
  background-size: 100%;
  display: block;
  height: 20px;
  width: 20px;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .defi-type {
  position: relative;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .defi-type
  .defi-type-item {
  background: #c6484414;
  border: 1px solid #f9eded;
  border-radius: 2px;
  box-sizing: border-box;
  color: #c23631;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  margin-right: 10px;
  padding: 4px 8px;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .defi-type
  .defi-type-item:last-child {
  margin-right: 0;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .defi-type-normal {
  color: #666;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .text-success {
  color: #69c265 !important;
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .text-danger {
  color: #c53228 !important;
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .text-balance {
  color: #666 !important;
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .text-normal {
  color: #666;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.tvc-table-wrap
  .ant-table-tbody
  .ant-table-row.ant-table-row-level-0
  .text-bold {
  color: #666;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}
.tvc-table-wrap .ant-table .ant-table-content table thead th:hover,
.tvc-table-wrap .ant-table-wrapper .ant-table-content table thead th:hover {
  background-color: #fff !important;
}
.activeAccounts.tvc-table-wrap
  .ant-table-wrapper
  .ant-table-content
  .ant-table-thead
  tr
  th
  .ant-table-column-sorters {
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .price_chart_table {
    padding-bottom: 0;
  }
}
.price_chart_table
  .ant-table-container
  table
  > thead
  > tr:first-child
  th:first-child {
  padding-left: 20px;
}
.price_chart_table
  .ant-table-container
  table
  > thead
  > tr:first-child
  th:last-child {
  padding-right: 20px;
}
.price_chart_table .ant-table .ant-table-tbody > tr > td:first-child {
  padding-left: 20px !important;
  white-space: nowrap;
}
.price_chart_table .ant-table .ant-table-tbody > tr > td:last-child {
  padding-right: 20px !important;
}
.price_chart_table .ant-table .ant-table-tbody > tr > td {
  padding: 11px 12px 10px 15px !important;
}
.price_chart_table .ant-table .ant-table-tbody > tr:last-child td {
  border-bottom: 1px solid #f0f0f0;
}
.price_chart_table .price-chart-csv {
  bottom: 6px;
  left: 20px;
  position: absolute;
}
@media only screen and (min-width: 769px) and (max-width: 1399px) {
  .price_chart_table .price-chart-csv {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .price_chart_table .price-chart-csv {
    bottom: 50px;
    left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .price_chart_table .ant-table-content {
    min-width: 400px;
  }
  .price_chart_table
    .ant-table-container
    table
    > thead
    > tr:first-child
    th:first-child {
    padding-left: 15px;
  }
  .price_chart_table
    .ant-table-container
    table
    > thead
    > tr:first-child
    th:last-child {
    padding-right: 15px;
  }
  .price_chart_table .ant-table .ant-table-tbody > tr > td:first-child {
    padding-left: 15px !important;
  }
  .price_chart_table .ant-table .ant-table-tbody > tr > td:last-child {
    padding-right: 15px !important;
  }
}
.echart-export-menu.ant-dropdown-menu {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 20px 30px #1010100f;
  padding: 0.625rem 10px;
}
.echart-export-menu.ant-dropdown-menu .ant-dropdown-menu-item {
  color: #101010;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 10px;
  transition: none;
}
.echart-export-menu.ant-dropdown-menu
  .ant-dropdown-menu-item:not(.menu-item-divider):hover {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c2c9d1;
  border-radius: 6px;
  color: #c23631;
}
.echart-export-menu.ant-dropdown-menu
  .ant-dropdown-menu-item.csv-menu-item
  .csv-wrap
  a {
  color: #101010;
}
.echart-export-menu.ant-dropdown-menu .ant-dropdown-menu-item.print-menu-item {
  margin-bottom: 20px;
  position: relative;
}
.echart-export-menu.ant-dropdown-menu
  .ant-dropdown-menu-item.print-menu-item:after {
  background-color: #cfcfcf80;
  bottom: -10px;
  content: "";
  display: block;
  height: 1px;
  left: 10px;
  position: absolute;
  right: 10px;
}
.chart-export-wrapper {
  z-index: 99;
}
.camera-icon {
  background: #f0f2f5;
  border-radius: 6px;
  color: #73787b;
  cursor: pointer;
  line-height: 22px;
  padding: 3px;
  text-align: center;
  width: 30px;
}
.camera-icon .tron-icon-camera {
  font-size: 14px;
}
.camera-icon .camera-icon-active {
  color: #616568;
}
.camera-icon:hover .camera-icon {
  color: #616568 !important;
}
.chart-menu-dropdown .csv-wrap {
  margin-top: 0;
}
@media (max-width: 768px) {
  .stats-chart-mobile
    .statistic-chart-wrap
    .chart-new-menu
    .chart-export-wrapper {
    position: absolute;
    right: 2px;
    top: 0;
  }
  .stats-chart-mobile .statistic-chart-wrap .chart-new-menu.chart-menu-mobile {
    height: 0;
  }
}
.chart-wrap {
  height: 30px;
  z-index: 100;
}
.chart-wrap.token-chart-wrap {
  position: absolute;
  right: 30px;
  top: 45px;
}
@media screen and (max-width: 768px) {
  .chart-wrap {
    margin-bottom: 10px;
  }
}
.chart-wrap .chart-operate-menu-icon {
  background: #f0f2f5;
  border-radius: 6px;
  color: #73787b;
  font-size: 16px;
  height: 30px;
  line-height: 22px;
  padding: 3px;
  text-align: center;
  width: 30px;
}
.chart-wrap .chart-operate-menu-icon .tron-icon {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .chart-wrap.token-chart-wrap {
    right: 20px;
  }
}
.chart-wrap .date-menu-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
}
.chart-wrap .date-menu-wrap .menu-item {
  color: #73787b;
  cursor: pointer;
  font-size: 12px;
  line-height: 24px;
  margin-right: 2px;
  min-width: 40px;
  padding: 0 9px;
  text-align: center;
}
.chart-wrap .date-menu-wrap .menu-item.active,
.chart-wrap .date-menu-wrap .menu-item:hover {
  background: #fff;
  border-radius: 6px;
  color: #101010;
  line-height: 24px;
  padding: 0 9px;
}
.chart-wrap .date-menu-wrap .menu-item.print-menu-item {
  border-bottom: 0.5px solid #ffffff80;
}
.chart-wrap .date-menu-wrap .menu-item.export-menu-item {
  padding-top: 12px;
}
.chart-wrap .date-menu-wrap .menu-item-disabled {
  color: #ccc;
}
.chart-wrap .date-menu-wrap .menu-item-disabled:hover {
  background-color: #edf0f4;
}
.ant-dropdown .chart-menu-wrap {
  align-items: flex-start;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 30px #10101014;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px !important;
}
.ant-dropdown .chart-menu-wrap .menu-item {
  color: #101010;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 18px;
  width: 100%;
}
.ant-dropdown .chart-menu-wrap .menu-item:hover {
  background: #f9fafa;
  border-radius: 8px;
  color: #c23631;
}
.ant-dropdown .chart-menu-wrap .menu-item:hover .csv-wrap a {
  color: #c23631 !important;
}
.ant-dropdown .chart-menu-wrap .menu-item .csv-wrap {
  margin-top: 0;
}
.ant-dropdown .chart-menu-wrap .menu-item .csv-wrap a {
  color: #101010 !important;
  font-size: 14px;
  line-height: 20px;
}
.ant-dropdown .chart-menu-wrap .menu-item:not(:last-of-type) {
  padding-bottom: 12px;
}
.ant-dropdown .chart-menu-wrap .menu-item.print-menu-item {
  margin-bottom: 20px;
  position: relative;
}
.ant-dropdown .chart-menu-wrap .menu-item.print-menu-item:after {
  background-color: #cfcfcf80;
  bottom: -10px;
  content: "";
  display: block;
  height: 1px;
  left: 10px;
  position: absolute;
  right: 10px;
}
.ant-dropdown .chart-menu-wrap .menu-item.export-menu-item {
  padding-top: 12px;
}
@media screen and (min-width: 769px) {
  .chart-wrap.chart-vertical-menu {
    align-items: flex-end !important;
    flex-direction: column;
  }
  .chart-wrap.chart-vertical-menu.chart-vertical-menu-new {
    align-items: flex-start !important;
    flex-direction: row-reverse;
  }
  .chart-wrap.chart-vertical-menu.chart-vertical-menu-new .date-picker-wrap {
    margin-right: 12px;
    margin-top: 0 !important;
  }
  .chart-wrap.chart-vertical-menu .chart-operate-menu-icon {
    order: 1;
  }
}
.tron-station-modal-wrapper {
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  font-family: Lato;
  padding: 30px !important;
  pointer-events: auto;
  position: relative;
  width: 500px !important;
}
.tron-station-modal-wrapper .station-close {
  cursor: pointer;
  padding: 5px;
  position: absolute;
  right: 15px;
  top: 15px;
}
.tron-station-modal-wrapper h3 {
  color: #101010;
  font-family: Lato;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}
.tron-station-modal-wrapper .station-btns {
  margin-top: 30px;
}
.tron-station-modal-wrapper .station-btns > div {
  border: 1px solid #91979d;
  border-radius: 10px;
  color: #404245;
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 0;
  width: 210px;
}
.tron-station-modal-wrapper .station-btns > div.active,
.tron-station-modal-wrapper .station-btns > div:hover {
  border: 1px solid #c23631;
  color: #c23631;
}
.tron-station-modal-wrapper .station-btns > div .tron-icon {
  font-size: 16px;
  margin-right: 6px;
}
.tron-station-modal-wrapper .station-content {
  border-radius: 10px;
  margin-top: 20px;
  padding: 20px;
}
.tron-station-modal-wrapper .station-content .station-content-tabs {
  justify-content: space-around;
}
.tron-station-modal-wrapper .station-content .station-content-tabs > div {
  color: #101010;
  cursor: pointer;
  flex-direction: column;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}
.tron-station-modal-wrapper .station-content .station-content-tabs > div i {
  border-radius: 4px;
  display: block;
  height: 3px;
  margin-top: 6px;
  width: 30px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-tabs
  > div.active {
  color: #c23631;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-tabs
  > div.active
  i {
  background-color: #c23631;
}
.tron-station-modal-wrapper .station-content .station-content-tabs > div:hover {
  color: #c23631;
}
.tron-station-modal-wrapper .station-content .station-content-input-wrapper {
  font-size: 14px;
  line-height: 20px;
  margin-top: 30px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .top-info {
  color: #101010;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .top-info
  .top-info-l {
  font-weight: 500;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .top-info
  .top-info-r {
  font-family: Lato;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .top-info
  .top-info-r
  > span {
  color: #616568;
  font-size: 12px;
  font-weight: 500;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .top-info
  .top-info-r
  b {
  color: #101010;
  font-size: 14px;
  font-weight: 700;
  margin-left: 2px;
  margin-right: 4px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .input-wrapper {
  margin-top: 10px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .input-wrapper
  .ant-input-affix-wrapper {
  background: #fff;
  border: 1px solid #e1e3e6;
  border-radius: 10px;
  padding: 13px 16px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .input-wrapper
  .ant-input-affix-wrapper
  .ant-input {
  color: #101010;
  font-family: Lato;
  font-size: 16px;
  line-height: 20px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .input-wrapper
  .ant-input-affix-wrapper
  .ant-input:-moz-placeholder,
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .input-wrapper
  .ant-input-affix-wrapper
  .ant-input::-moz-placeholder
  .tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .input-wrapper
  .ant-input-affix-wrapper
  .ant-input:-ms-input-placeholder,
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .input-wrapper
  .ant-input-affix-wrapper
  .ant-input::-webkit-input-placeholder {
  color: #91979d;
  font-family: Lato;
  font-size: 16px;
  line-height: 20px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .input-wrapper
  .ant-dropdown-trigger {
  cursor: pointer;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .input-wrapper
  .ant-dropdown-trigger
  span {
  color: #101010;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .input-wrapper
  .ant-dropdown-trigger
  .tron-icon {
  font-size: 10px;
  margin-left: 8px;
  transition: all 0.5s;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .input-wrapper
  .ant-dropdown-trigger
  .tron-icon.active {
  transform: rotate(180deg);
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .input-wrapper.input-warning
  .ant-input-affix-wrapper {
  border: 1px solid #c23631;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .input-wrapper.input-warning
  .input-warning-text {
  color: #c23631;
  font-size: 12px;
  line-height: 1;
  margin-top: 5px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .tags {
  margin-top: 10px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .tags
  > span {
  background: #e4f3f1;
  border-radius: 6px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  margin-right: 10px;
  min-width: 110px;
  padding: 5px 20px;
  text-align: center;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .tags
  > span:last-child {
  margin-right: 0;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-input-wrapper
  .tags
  > span
  .question-mark {
  margin-left: 6px;
  margin-top: -1px;
}
.tron-station-modal-wrapper .station-content .station-content-show-wrapper {
  font-size: 14px;
  line-height: 20px;
  margin-top: 30px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-show-wrapper
  .top-info {
  color: #101010;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-show-wrapper
  .top-info
  .top-info-l {
  font-weight: 500;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-show-wrapper
  .input-wrapper {
  margin-top: 10px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-show-wrapper
  .input-wrapper
  .ant-input-affix-wrapper {
  background: #fff;
  border: 1px solid #e1e3e6;
  border-radius: 10px;
  padding: 13px 16px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-show-wrapper
  .input-wrapper
  .ant-input-affix-wrapper
  .ant-input {
  color: #101010;
  font-family: Lato;
  font-size: 16px;
  line-height: 20px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-show-wrapper
  .input-wrapper
  .ant-input-affix-wrapper
  .ant-input:-moz-placeholder,
.tron-station-modal-wrapper
  .station-content
  .station-content-show-wrapper
  .input-wrapper
  .ant-input-affix-wrapper
  .ant-input::-moz-placeholder
  .tron-station-modal-wrapper
  .station-content
  .station-content-show-wrapper
  .input-wrapper
  .ant-input-affix-wrapper
  .ant-input:-ms-input-placeholder,
.tron-station-modal-wrapper
  .station-content
  .station-content-show-wrapper
  .input-wrapper
  .ant-input-affix-wrapper
  .ant-input::-webkit-input-placeholder {
  color: #91979d;
  font-family: Lato;
  font-size: 16px;
  line-height: 20px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-show-wrapper
  .input-wrapper
  .ant-input-affix-wrapper
  .ant-input-suffix {
  color: #91979d;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-show-wrapper
  .input-wrapper.input-warning
  .ant-input-affix-wrapper {
  border: 1px solid #c23631;
}
.tron-station-modal-wrapper
  .station-content
  .station-content-show-wrapper
  .input-wrapper.input-warning
  .input-warning-text {
  color: #c23631;
  font-size: 12px;
  line-height: 1;
  margin-top: 5px;
}
.tron-station-modal-wrapper .station-content.color-energy-pledge {
  background: #fdb9530d;
}
.tron-station-modal-wrapper
  .station-content.color-energy-pledge
  .station-content-input-wrapper
  .tags
  > span {
  background: #fff1df;
}
.tron-station-modal-wrapper .station-content.color-energy-combustion {
  background: #f9fafa;
}
.tron-station-modal-wrapper
  .station-content.color-energy-combustion
  .station-content-input-wrapper
  .tags
  > span {
  background: #f0f2f3;
}
.tron-station-modal-wrapper .station-content.color-net-pledge {
  background: #eaf7f580;
}
.tron-station-modal-wrapper
  .station-content.color-net-pledge
  .station-content-input-wrapper
  .tags
  > span {
  background: #e4f3f1;
}
.tron-station-modal-wrapper .station-content.color-net-combustion {
  background: #f9fafa;
}
.tron-station-modal-wrapper
  .station-content.color-net-combustion
  .station-content-input-wrapper
  .tags
  > span {
  background: #f0f2f3;
}
.tron-station-modal-wrapper .station-more {
  font-family: Lato;
  font-size: 14px;
  margin-top: 12px;
}
.tron-station-modal-wrapper .station-more .ant-collapse-header {
  background-color: #fff;
  color: #404245;
  line-height: 24px;
  padding: 0 !important;
}
.tron-station-modal-wrapper .station-more .ant-collapse-header .tron-icon {
  font-size: 10px;
  margin-left: 8px;
  transition: all 0.5s;
}
.tron-station-modal-wrapper
  .station-more
  .ant-collapse-header
  .tron-icon.active {
  transform: rotate(180deg);
}
.tron-station-modal-wrapper .station-more .ant-collapse-header .bottom-note {
  color: #73787b;
  cursor: auto;
  font-family: Lato;
  font-size: 14px;
}
.tron-station-modal-wrapper .station-more .ant-collapse-content-box {
  margin-top: 8px;
  padding: 0;
}
.tron-station-modal-wrapper .station-more .ant-collapse-content-box p {
  color: #73787b;
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 0;
}
.tron-station-modal-wrapper .station-more .ant-collapse-content-box p.active {
  color: #101010;
}
.tron-station-modal-wrapper .station-more .ant-collapse > .ant-collapse-item {
  border: none;
}
.tron-station-modal-wrapper .station-more .ant-collapse-content {
  border: none;
  overflow: hidden;
}
.tron-station-modal-wrapper .station-more .ant-collapse {
  border: none;
}
.dropdown-select-unit .ant-dropdown-menu {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 30px #10101014;
  padding: 10px !important;
}
.dropdown-select-unit .ant-dropdown-menu-item {
  margin-bottom: 2px;
  padding: 10px 15px;
}
.dropdown-select-unit .ant-dropdown-menu-item:last-child {
  margin-bottom: 0;
}
.dropdown-select-unit .ant-dropdown-menu-item span {
  color: #101010;
  font-size: 14px;
  line-height: 20px;
}
.dropdown-select-unit .ant-dropdown-menu-item.ant-dropdown-menu-item-selected,
.dropdown-select-unit .ant-dropdown-menu-item:hover {
  background: #f9fafa !important;
  border-radius: 8px;
}
.dropdown-select-unit
  .ant-dropdown-menu-item.ant-dropdown-menu-item-selected
  span,
.dropdown-select-unit .ant-dropdown-menu-item:hover span {
  color: #c23631;
}
@media (max-width: 768px) {
  .tron-station-modal-wrapper {
    border-radius: 10px;
    padding: 30px 15px 20px !important;
    width: calc(100% - 30px) !important;
  }
  .tron-station-modal-wrapper .station-btns {
    margin-top: 30px;
  }
  .tron-station-modal-wrapper .station-btns > div {
    margin-right: 15px;
    padding: 10px 0;
    width: 50%;
  }
  .tron-station-modal-wrapper .station-btns > div:last-child {
    margin-right: 0;
  }
  .tron-station-modal-wrapper .station-content {
    margin-top: 17px;
    padding: 15px 12px 20px;
  }
  .tron-station-modal-wrapper .station-content .station-content-tabs {
    justify-content: space-around;
  }
  .tron-station-modal-wrapper .station-content .station-content-tabs > div {
    margin: 0;
  }
  .tron-station-modal-wrapper .station-content .station-content-input-wrapper {
    font-size: 12px;
    line-height: 20px;
    margin-top: 28px;
  }
  .tron-station-modal-wrapper
    .station-content
    .station-content-input-wrapper
    .top-info
    .top-info-r
    > span
    b {
    font-size: 12px;
  }
  .tron-station-modal-wrapper
    .station-content
    .station-content-input-wrapper
    .input-wrapper {
    margin-top: 10px;
  }
  .tron-station-modal-wrapper
    .station-content
    .station-content-input-wrapper
    .input-wrapper
    .ant-input-affix-wrapper {
    padding: 13px 15px;
  }
  .tron-station-modal-wrapper
    .station-content
    .station-content-input-wrapper
    .input-wrapper
    .ant-input-affix-wrapper
    .ant-input {
    font-size: 14px;
  }
  .tron-station-modal-wrapper
    .station-content
    .station-content-input-wrapper
    .input-wrapper
    .ant-input-affix-wrapper
    .ant-input:-moz-placeholder,
  .tron-station-modal-wrapper
    .station-content
    .station-content-input-wrapper
    .input-wrapper
    .ant-input-affix-wrapper
    .ant-input::-moz-placeholder
    .tron-station-modal-wrapper
    .station-content
    .station-content-input-wrapper
    .input-wrapper
    .ant-input-affix-wrapper
    .ant-input:-ms-input-placeholder,
  .tron-station-modal-wrapper
    .station-content
    .station-content-input-wrapper
    .input-wrapper
    .ant-input-affix-wrapper
    .ant-input::-webkit-input-placeholder {
    font-size: 14px;
  }
  .tron-station-modal-wrapper
    .station-content
    .station-content-input-wrapper
    .input-wrapper
    .ant-dropdown-trigger
    span {
    font-size: 14px;
  }
  .tron-station-modal-wrapper
    .station-content
    .station-content-input-wrapper
    .input-wrapper
    .ant-dropdown-trigger
    .tron-icon {
    font-size: 10px;
  }
  .tron-station-modal-wrapper
    .station-content
    .station-content-input-wrapper
    .tags {
    margin-top: 10px;
  }
  .tron-station-modal-wrapper
    .station-content
    .station-content-input-wrapper
    .tags
    > span {
    min-width: 90px;
    padding: 5px 6px;
  }
  .tron-station-modal-wrapper .station-content .station-content-show-wrapper {
    font-size: 12px;
    margin-top: 20px;
  }
  .tron-station-modal-wrapper
    .station-content
    .station-content-show-wrapper
    .input-wrapper {
    margin-top: 10px;
  }
  .tron-station-modal-wrapper
    .station-content
    .station-content-show-wrapper
    .input-wrapper
    .ant-input-affix-wrapper {
    padding: 13px 15px;
  }
  .tron-station-modal-wrapper
    .station-content
    .station-content-show-wrapper
    .input-wrapper
    .ant-input-affix-wrapper
    .ant-input {
    font-size: 14px;
  }
  .tron-station-modal-wrapper
    .station-content
    .station-content-show-wrapper
    .input-wrapper
    .ant-input-affix-wrapper
    .ant-input:-moz-placeholder,
  .tron-station-modal-wrapper
    .station-content
    .station-content-show-wrapper
    .input-wrapper
    .ant-input-affix-wrapper
    .ant-input::-moz-placeholder
    .tron-station-modal-wrapper
    .station-content
    .station-content-show-wrapper
    .input-wrapper
    .ant-input-affix-wrapper
    .ant-input:-ms-input-placeholder,
  .tron-station-modal-wrapper
    .station-content
    .station-content-show-wrapper
    .input-wrapper
    .ant-input-affix-wrapper
    .ant-input::-webkit-input-placeholder {
    font-size: 14px;
  }
  .tron-station-modal-wrapper
    .station-content
    .station-content-show-wrapper
    .input-wrapper
    .ant-input-affix-wrapper
    .ant-input-suffix {
    font-size: 14px;
  }
  .tron-station-modal-wrapper .station-more {
    font-size: 12px;
    margin-top: 10px;
  }
  .tron-station-modal-wrapper .station-more .ant-collapse-header {
    padding: 0 15px !important;
  }
  .tron-station-modal-wrapper .station-more .ant-collapse-header .tron-icon {
    font-size: 10px;
    margin-left: 8px;
  }
  .tron-station-modal-wrapper .station-more .ant-collapse-header .bottom-note {
    font-size: 12px;
  }
  .tron-station-modal-wrapper .station-more .ant-collapse-content-box {
    margin-top: 8px;
    padding: 0 15px;
  }
  .tron-station-modal-wrapper .station-more .ant-collapse-content-box p {
    font-size: 12px;
  }
  .dropdown-select-unit .ant-dropdown-menu {
    padding: 10px !important;
  }
  .dropdown-select-unit .ant-dropdown-menu-item {
    margin-bottom: 2px;
    padding: 10px 15px;
  }
  .dropdown-select-unit .ant-dropdown-menu-item span {
    font-size: 12px;
  }
}
.FavoriteIcon_favorite-icon-wrap__bU1-S {
  color: #c23631;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin-left: 8px;
  text-align: center;
  transform: translateX(-8px);
  width: 30px;
}
.FavoriteIcon_favorite-icon-wrap__bU1-S:hover
  .FavoriteIcon_tron-not-collected-icon__PEClS {
  color: #c23631;
}
.FavoriteIcon_favorite-icon-wrap__bU1-S
  .FavoriteIcon_tron-not-collected-icon__PEClS {
  color: #73787b;
}
@keyframes FavoriteIcon_loading__eNSEm {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.FavoriteIcon_favorite-icon-wrap__bU1-S
  .FavoriteIcon_tron-collect-loading-icon__zEgX3 {
  animation: FavoriteIcon_loading__eNSEm 1s linear infinite;
}