.home-chart-wrap {
  border-radius: 10px;
}
.home-chart-wrap .home-chart-title {
  align-items: center;
  background: #f6f7fb;
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
.home-chart-wrap .home-chart-title .home-chart-title-left {
  align-items: center;
  display: flex;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-transform: capitalize;
}
.home-chart-wrap .home-chart-title .home-chart-title-left a {
  color: #101010;
}
.home-chart-wrap .home-chart-title .home-chart-title-left .home-chart-export {
  cursor: pointer;
}
.home-chart-wrap
  .home-chart-title
  .home-chart-title-left
  .home-chart-export
  .tron-icon-camera {
  color: #e7e7e7;
  height: 16px;
  margin-left: 0.75rem;
  margin-top: 3px;
  width: 20px;
}
.home-chart-wrap
  .home-chart-title
  .home-chart-title-left
  .home-chart-export.ant-dropdown-open
  .tron-icon-camera,
.home-chart-wrap
  .home-chart-title
  .home-chart-title-left
  .home-chart-export:hover
  .tron-icon-camera {
  color: #838385;
}
.home-chart-wrap .home-chart-title .home-chart-title-right {
  background: linear-gradient(0deg, #ffffffa6, #ffffffa6), #c2c9d1;
  border-radius: 5px;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.home-chart-wrap .home-chart-title .home-chart-title-right li {
  border-radius: 5px;
  color: #91979d;
  cursor: pointer;
  font-size: 0.75rem;
  line-height: 1.5rem;
  padding: 0 0.625rem;
}
.home-chart-wrap .home-chart-title .home-chart-title-right li:hover {
  color: #101010;
}
.home-chart-wrap .home-chart-title .home-chart-title-right li.active {
  background: #101010;
  color: #fff;
}
.home-chart-wrap .home-chart-main {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.home-chart-wrap
  .home-chart-main
  .highcharts-legend-item.highcharts-column-series
  rect.highcharts-point {
  y: 8;
}
.home-chart-wrap .home-chart-main .home-chart-percent-wrap {
  border-top: 1px solid #f0f2f3;
  margin: 1.25rem 1.25rem 0;
  padding: 1.25rem 0 0;
}
.home-chart-wrap
  .home-chart-main
  .home-chart-percent-wrap
  .home-chart-percent-title {
  color: #91979d;
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
}
.home-chart-wrap
  .home-chart-main
  .home-chart-percent-wrap
  .home-chart-percent-data {
  align-items: center;
  display: flex;
}
.home-chart-wrap
  .home-chart-main
  .home-chart-percent-wrap
  .home-chart-percent-data
  .num-wrap {
  color: #101010;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.home-chart-wrap
  .home-chart-main
  .home-chart-percent-wrap
  .home-chart-percent-data
  .percent-wrap {
  background: linear-gradient(0deg, #ffffffbf, #ffffffbf), #c2c9d1;
  border-radius: 5px;
  color: #616568;
  font-size: 0.75rem;
  height: 1.25rem;
  line-height: 1.25rem;
  margin-left: 0.5rem;
  margin-top: 2px;
  padding: 0 0.375rem;
}
.home-chart-wrap
  .home-chart-main
  .home-chart-percent-wrap
  .home-chart-percent-data
  .percent-wrap.up {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #3cc13b;
  color: #2d912c;
}
.home-chart-wrap
  .home-chart-main
  .home-chart-percent-wrap
  .home-chart-percent-data
  .percent-wrap.down {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c23631;
  color: #c23631;
}
.home-chart-wrap
  .home-chart-main
  .home-chart-percent-wrap
  .home-chart-percent-data
  .percent-wrap.grey {
  margin-left: 0;
}
.chart-export-menu.ant-dropdown-menu {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 20px 30px #1010100f;
  padding: 0.625rem 1.25rem;
}
@media screen and (max-width: 768px) {
  .chart-export-menu.ant-dropdown-menu {
    padding: 0.625rem 20px;
  }
}
.chart-export-menu.ant-dropdown-menu .ant-dropdown-menu-item {
  color: #101010;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 2.5rem 0.625rem 0.625rem;
  transition: none;
}
@media screen and (max-width: 768px) {
  .chart-export-menu.ant-dropdown-menu .ant-dropdown-menu-item {
    padding: 0.625rem 0;
  }
}
.chart-export-menu.ant-dropdown-menu .ant-dropdown-menu-item:hover {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c2c9d1;
  border-radius: 10px;
  color: #c23631;
}
.frozen-chart ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.frozen-chart ul li {
  list-style: none;
}
.frozen-chart
  .home-chart-wrap
  .home-chart-main
  .home-chart-percent-wrap
  li:last-child
  .home-chart-percent-data {
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .home-chart-wrap .home-chart-title {
    align-items: flex-start;
    flex-direction: column;
    padding: 1.25rem 1rem;
  }
  .home-chart-wrap .home-chart-title .home-chart-title-left {
    font-size: 1.125rem;
  }
  .home-chart-wrap .home-chart-title .home-chart-title-right {
    margin-top: 0.75rem;
  }
  .home-chart-wrap .home-chart-main {
    border-radius: 0;
  }
  .home-chart-wrap .home-chart-main > div:first-child {
    background: #f6f7fb;
  }
  .home-chart-wrap .home-chart-main > div:first-child > div {
    border-radius: 10px 10px 0 0;
  }
  .home-chart-wrap .home-chart-main .home-chart-percent-wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 1rem 1.25rem 0;
  }
  .home-chart-wrap
    .home-chart-main
    .home-chart-percent-wrap
    .home-chart-percent-data {
    margin-top: 0;
  }
  .home-chart-wrap
    .home-chart-main
    .home-chart-percent-wrap
    .home-chart-percent-data
    .percent-wrap.up {
    background: #ebf9eb;
  }
  .home-chart-wrap
    .home-chart-main
    .home-chart-percent-wrap
    .home-chart-percent-data
    .percent-wrap.down {
    background: #f9ebea;
  }
  .home-chart-wrap
    .home-chart-main
    .home-chart-percent-wrap
    .home-chart-percent-data
    .num-wrap {
    font-size: 0.875rem;
  }
  .home-chart-wrap .home-chart-main .highcharts-container {
    background: #f6f7fb;
  }
  .home-chart-wrap .home-chart-main .home-chart-percent-wrap ul {
    flex-direction: column;
    width: 100%;
  }
  .home-chart-wrap .home-chart-main .home-chart-percent-wrap ul li {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .home-chart-wrap .home-chart-main .home-chart-percent-wrap ul li:last-child {
    margin-bottom: 0;
  }
}
.home-column-temp-translateY
  .highcharts-series.highcharts-column-series.highcharts-tracker
  .highcharts-point {
  transform: translateY(-1px);
}
.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;
}
.statistics-border-wrapper
  .select-type.ant-select-single
  .ant-select-selection-item {
  max-width: 115px !important;
}
.statistics-border-wrapper .calculator-entry-wrapper {
  background: #f0f2f5;
  border-radius: 6px;
  height: 30px;
  line-height: 22px;
  margin-left: 8px;
  padding: 3px 6px;
}
.statistics-border-wrapper .calculator-entry-wrapper .tron-icon {
  color: #404245;
  cursor: pointer;
  font-size: 18px;
}
.statistics-border-wrapper .favorite-icon-wrap {
  margin-left: 0;
  transform: translate(8px, -6px);
}
.statistics-border-wrapper .split-line {
  background: #e7e7e7;
  height: 20px;
  margin-left: 12px;
  margin-right: 10px;
  width: 1px;
}
.statistics-border-wrapper .home-chart-wrap {
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.statistics-border-wrapper
  .home-chart-wrap:hover
  .home-chart-title
  .home-chart-title-left
  a {
  color: #c23631;
}
.statistics-border-wrapper .home-chart-main {
  border-radius: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: visible;
  position: relative;
}
.statistics-border-wrapper .home-chart-main .chart-tron-watermark-wrapper {
  bottom: 0;
  left: 0;
  margin: 0 auto;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.statistics-border-wrapper .home-chart-main .chart-tron-watermark-wrapper span {
  fill: #999;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 40px;
  margin-top: -62px;
  opacity: 0.3;
}
.statistics-border-wrapper .home-chart-main .highcharts-xaxis-labels text,
.statistics-border-wrapper .home-chart-main .highcharts-yaxis-labels text {
  cursor: pointer !important;
}
.statistics-border-wrapper .home-chart-title {
  padding: 20px 20px 0;
}
.statistics-border-wrapper .icon-icon-more1 {
  color: #73787b;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .statistics-border-wrapper
    .statistics-border-content
    .home-chart-wrap
    .home-chart-main {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 1400px) {
  .statistics-border-wrapper
    .custom-class-ecoToken
    .home-chart-wrap
    .home-chart-title-left {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .statistics-border-wrapper
    .custom-class-ecoToken
    .home-chart-wrap
    .home-chart-title-left
    .border-chart-tabs-wrapper {
    margin-left: 0;
  }
}
.thumbnail .item {
  margin-bottom: 20px;
  padding-left: 20px;
}
.thumbnail .item:last-child,
.thumbnail .item:nth-last-child(2) {
  margin-bottom: 0;
}
.thumbnail .item .card-chart {
  border: none;
  border-radius: 10px;
  display: block;
}
.thumbnail .item .card-chart .chart-top-operate a .to-detail {
  color: #73787b;
}
.thumbnail .item .card-chart .chart-top-operate a:hover .to-detail {
  color: #c23631;
}
.thumbnail .item .card-chart .tokens-select-item-cont {
  margin-left: 8px;
  margin-right: 0;
}
.thumbnail
  .item
  .card-chart
  .tokens-select-item-cont.select-type-new:hover
  .ant-select-arrow {
  opacity: 1;
}
.thumbnail .item .card-chart .thumbnail-tokens-overview-select {
  border-radius: 10px;
  min-width: 110px;
  padding: 10px;
  width: auto !important;
}
@media screen and (max-width: 768px) {
  .thumbnail .item .card-chart .thumbnail-tokens-overview-select {
    padding: 0;
    width: 84px !important;
  }
}
.thumbnail
  .item
  .card-chart
  .thumbnail-tokens-overview-select
  .ant-select-item {
  border-radius: 10px;
  font-size: 12px;
}
.thumbnail .item .card-chart .chart-top-operate-single .ant-select-single {
  min-width: 122px;
}
.thumbnail
  .item
  .card-chart
  .chart-top-operate-single
  .ant-select-single
  .ant-select-selection-item {
  max-width: 100px;
}
.thumbnail .item .home-chart-wrap .home-chart-main {
  padding-bottom: 20px;
  position: relative;
}
.thumbnail .item .home-chart-wrap .home-chart-title {
  background-color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.thumbnail .item .home-chart-title-left {
  text-transform: none !important;
}
.thumbnail .item .home-chart-title-left .overview-detail-btn,
.thumbnail .item .home-chart-title-left a:first-child {
  font-size: 14px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.thumbnail-overview-defi .chart-tooltip-div .chart-tooltip-div-item,
.thumbnail-overview-token .chart-tooltip-div .chart-tooltip-div-item,
.thumbnail-overview-txn .chart-tooltip-div .chart-tooltip-div-item,
.tron-protocol-all-chart .chart-tooltip-div .chart-tooltip-div-item,
.trx-all-chart-container .chart-tooltip-div .chart-tooltip-div-item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.thumbnail-overview-defi
  .chart-tooltip-div
  .chart-tooltip-div-item
  .chart-tooltip-left-info,
.thumbnail-overview-token
  .chart-tooltip-div
  .chart-tooltip-div-item
  .chart-tooltip-left-info,
.thumbnail-overview-txn
  .chart-tooltip-div
  .chart-tooltip-div-item
  .chart-tooltip-left-info,
.tron-protocol-all-chart
  .chart-tooltip-div
  .chart-tooltip-div-item
  .chart-tooltip-left-info,
.trx-all-chart-container
  .chart-tooltip-div
  .chart-tooltip-div-item
  .chart-tooltip-left-info {
  align-items: center;
  display: flex;
}
.thumbnail-tokens-overview-select .ant-select-dropdown,
.thumbnail-tokens-overview-select .ant-select-item {
  font-size: 12px;
}
.thumbnail-tokens-overview-select-en {
  min-width: 120px;
}
@media screen and (max-width: 768px) {
  .chart-item
    .statistics-border-content
    .chart-top-operate
    .select-type.select-type-new {
    margin-left: 8px;
    margin-right: 0;
  }
}