.notice-section {
  width: 100%;
  background: #fff;
  margin-top: 1.25rem;
}
.notice-section .news-bar {
  padding: 0.75rem 0;
  border-bottom: 1px solid #f2f3f5;
  width: 85.625rem;
  margin: 0 auto;
  margin-bottom: 1.25rem;
}
.notice-section .news-bar-content {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.notice-section .news-bar .news-type {
  width: 2.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  background: linear-gradient(
    49deg,
    rgba(255, 180, 50, 0.3) 0%,
    rgba(255, 213, 140, 0.3) 100%
  );
  border-radius: 0.125rem;
  border: 1px solid #ffad41;
  font-weight: 400;
  font-size: 0.75rem;
  color: #f09724;
  line-height: 1.75rem;
  text-align: center;
}
.notice-section .news-bar-list {
  flex: 1;
  overflow: hidden;
  height: 1.75rem;
  display: flex;
  align-items: center;
}
.notice-section .news-bar-wrapper {
  display: flex;
  gap: 1.5rem;
  position: relative;
  white-space: nowrap;
  animation: scrollNews 30s linear infinite;
  animation-play-state: paused;
}
.notice-section .news-bar-wrapper:hover {
  animation-play-state: paused;
}
.notice-section .news-bar-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #1d2129;
  font-size: 0.875rem;
  text-decoration: none;
  flex-shrink: 0;
}
.notice-section .news-bar-item:hover .news-text {
  color: #3c85fd;
}
.notice-section .news-bar-item span:first-child {
  color: #86909c;
}
.notice-section .news-bar-item .divider {
  color: #c9cdd4;
}
.notice-section .news-bar-item .news-text {
  transition: color 0.3s;
}
.notice-section .news-bar-item .news-tag {
  width: 2.5rem;
  height: auto;
}
.notice-section .content-wrapper {
  display: flex;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .notice-section .content-wrapper {
    flex-direction: column;
  }
}
.notice-section .notice {
  flex: 1;
  background: #fff;
  border-radius: 0.5rem;
  padding-bottom: 1.25rem;
}
.notice-section .notice-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notice-section .notice-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.notice-section .notice-title img {
  width: 1.875rem;
  height: 1.875rem;
}
.notice-section .notice-title h2 {
  font-size: 2rem;
  margin: 0;
}
.notice-section .notice-more {
  width: 2.875rem;
  height: 2.875rem;
}
.notice-section .notice-more img {
  width: 100%;
  height: 100%;
}
.notice-section .notice-list {
  list-style: none;
  height: 14.25rem;
  overflow: auto;
  margin-top: 1.4rem;
}
.notice-section .notice-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-left: 0.5625rem;
  line-height: 1;
}
.notice-section .notice-list li:not(:last-child) {
  margin-bottom: 2rem;
}
.notice-section .notice-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1875rem;
  height: 1rem;
  background-color: #0e6bf1;
}
.notice-section .notice-list li .notice-link {
  color: #181818;
  font-size: 1.25rem;
  padding-right: 1rem;
  width: 47rem;
}
.notice-section .notice-list li .notice-link:hover {
  color: #2765cd;
}
.notice-section .notice-list li .notice-date {
  color: rgba(51, 51, 51, 0.6);
  font-size: 0.875rem;
  flex-shrink: 0;
  min-width: 5rem;
  text-align: right;
}
.notice-section .register {
  width: 33.75rem;
  height: 18.875rem;
  /* background: linear-gradient(#f8fcfd 0%, #f2f6f9 100%); */
  background: linear-gradient(#ebf6ff 0%, #ffffff 100%);
  border-radius: 0.5rem;
  border: 2px solid #ecf4ff;
  padding: 2rem 1.5rem;
  padding-top: 1.5rem;
  position: relative;
  display: flex;
}
.notice-section .register .register-icon {
  position: absolute;
  left: 0;
  height: 16.25rem;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .notice-section .register {
    width: 100%;
  }
}
.notice-section .register .register-cont {
  position: absolute;
  right: 1.875rem;
  text-align: right;
  top: 3rem;
}
.notice-section .register .register-cont h2 {
  margin-bottom: 4rem;
  font-size: 1.5rem;
  color: #181818;
  font-weight: bold;
}
.notice-section .register .register-cont .slogan {
  height: 1.0625rem;
  font-weight: 400;
  font-size: 1rem;
  color: #181818;
  line-height: 1.1875rem;
  letter-spacing: 0.375rem;
  margin-bottom: 1rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.notice-section .register .register-cont .slogan .divider {
  margin: 0 1rem;
  color: #181818;
}
.notice-section .register .register-cont .register-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  width: 8.875rem;
  height: 2.25rem;
  line-height: 1;
  color: #fff;
  border-radius: 0.1875rem;
  cursor: pointer;
  font-size: 1rem;
  margin-bottom: 0.8125rem;
  border: 1px solid #0052d9;
  color: #0052d9;
  font-weight: 500;
  text-align: center;
  transition: all 0.3s ease;
}
.notice-section .register .register-cont .register-btn:hover {
  background: #3c85fd;
  color: #fff;
  border: 1px solid transparent;
}
.notice-section .register .register-cont .register-options .option {
  height: 2.25rem;
  font-weight: 400;
  font-size: 0.875rem;
  color: #181818;
  line-height: 2.25rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.notice-section .register .register-cont .register-options .option:hover {
  color: #3c85fd;
}
.notice-section .register .register-cont .register-options .divider {
  margin: 0 0.5rem;
  color: #4e5969;
}
.business-section {
  width: 100%;
  background: #f8fcff;
  padding: 2rem 0;
}
.business-section .container {
  width: 85.625rem;
  margin: 0 auto;
}
.business-section .business-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.business-section .business-item {
  width: 27.3125rem;
  height: 11.1875rem;
  padding: 0 2.125rem;
  background: linear-gradient(#f2f6f9fd 0%, #f8fcfd 100%);
  border: 2px solid #ffffff;
  border-radius: 0.5rem;
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  transition: all 0.3s ease;
}
.business-section .business-item:hover {
  box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
  cursor: pointer;
}
.business-section .business-icon {
  width: 9.875rem;
  height: 10.9375rem;
  object-fit: contain;
}
.business-section .business-content {
  flex: 1;
}
.business-section .business-content h3 {
  font-size: 1.5rem;
  color: #181818;
  font-weight: bold;
  margin-top: 1.875rem;
}
.business-section .business-content p {
  font-size: 0.75rem;
  color: rgba(33, 44, 76, 0.5);
  line-height: 1.125rem;
  margin-bottom: 1rem;
  font-weight: 500;
}
.business-section .business-content .business-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.875rem;
  height: 2.25rem;
  line-height: 1;
  border-radius: 0.1875rem;
  font-size: 1rem;
  background: #0052d9;
  color: #fff;
  transition: all 0.3s ease;
}
.business-section .business-content .business-btn.outline {
  background: transparent;
  border: 1px solid #0052d9;
  color: #0052d9;
}
.business-section .business-content .business-btn.outline:hover {
  background: #3c85fd;
  color: #fff;
  border: 1px solid transparent;
}
.business-section .business-content .business-btn.gray {
  background: transparent;
  border: 1px solid #bcbcbc;
  color: #bcbcbc;
}
.price-section {
  width: 100%;
  background: #fff;
  position: relative;
  padding-bottom: 2.5rem;
  margin-bottom: -7.75rem;
}
.price-section .header-bg {
  height: 15.4375rem;
  z-index: 1;
}
.price-section .header-bg img {
  width: 100%;
  height: 100%;
}
.price-section .price-title {
  display: flex;
  position: absolute;
  top: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 85.625rem;
  align-items: center;
  gap: 0.5rem;
  z-index: 1;
}
.price-section .price-title .section-title {
  font-size: 2rem;
  color: #fff;
  font-weight: 500;
  margin: 0;
  flex: 1;
}
.price-section .price-title .tit-right {
  margin-right: 1.25rem;
  cursor: pointer;
}
.price-section .container {
  position: relative;
  top: -7.75rem;
  width: 85.625rem;
  margin: 0 auto;
  background: #fff;
  z-index: 1;
  border-radius: 1rem;
}
.price-section .container .chart-top,
.price-section .container .chart-bottom,
.price-section .container .table-container {
  box-shadow: 0rem 0.3125rem 2.0625rem 0rem rgba(98, 132, 193, 0.13);
  border-radius: 1rem;
  padding: 1.5rem 2rem;
  margin-bottom: 2.5rem;
}
.price-section .container .chart-bottom {
  margin-top: 2.5rem;
}
.price-section .chart-container .chart-header {
  margin-bottom: 1.5rem;
  text-align: center;
}
.price-section .chart-container .chart-header .chart-title .table-title h3 {
  font-size: 1.25rem;
  color: #1d2129;
  margin-bottom: 0.5rem;
}
.price-section .chart-container .chart-header .chart-date {
  color: #999999;
}
.price-section .chart-container .chart {
  min-height: 22rem;
}
.price-section .price-cards-wrapper {
  position: relative;
  margin-top: 1rem;
  width: 100%;
  overflow: hidden;
}
.price-section .price-cards-wrapper .shadow-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 6rem;
  pointer-events: none;
  z-index: 2;
}
.price-section .price-cards-wrapper .shadow-wrapper .shadow-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.625rem;
  height: calc(100% - 1rem);
  background: -webkit-radial-gradient(
    right center,
    ellipse farthest-side,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0) 100%
  );
  background: radial-gradient(
    ellipse farthest-side at right center,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0) 100%
  );
}
.price-section .price-cards-wrapper .scroll-container {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0.4rem;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
}
.price-section .price-cards-wrapper .scroll-container::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari and Opera */
}
.price-section .price-cards-wrapper .price-cards {
  display: flex;
  gap: 1.25rem;
  padding-bottom: 1rem;
  width: fit-content;
  min-width: 100%;
  animation: scrollCards linear infinite;
  animation-play-state: paused;
}
.price-section .price-cards-wrapper .price-cards:hover {
  animation-play-state: paused;
}
.price-section .price-cards-wrapper .price-cards:hover .price-card {
  transform: none;
}
.price-section .price-cards-wrapper .price-card {
  min-width: 30.125rem;
  height: 8.5rem;
  padding-left: 1.25rem;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0rem 0.25rem 0.75rem;
  transition: all 0.3s ease;
}
.price-section .price-cards-wrapper .price-card:hover {
  transform: translateY(-0.25rem);
  box-shadow: rgba(0, 0, 0, 0.15) 0rem 0.5rem 1rem;
  z-index: 1;
}
.price-section .price-cards-wrapper .price-card .price-left {
  flex: 2;
  padding-right: 1.375rem;
  border-right: 1px solid #e8e8e8;
}
.price-section .price-cards-wrapper .price-card .price-left .label {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: rgba(51, 51, 51, 0.6);
}
.price-section .price-cards-wrapper .price-card .price-left .price-wrapper {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.price-section
  .price-cards-wrapper
  .price-card
  .price-left
  .price-wrapper
  .price {
  font-size: 2.5rem;
  color: #fd7f2a;
  font-weight: bold;
}
.price-section
  .price-cards-wrapper
  .price-card
  .price-left
  .price-wrapper
  .change-cot
  .change {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
}
.price-section
  .price-cards-wrapper
  .price-card
  .price-left
  .price-wrapper
  .change-cot
  .change.up {
  color: #ff4116;
}
.price-section
  .price-cards-wrapper
  .price-card
  .price-left
  .price-wrapper
  .change-cot
  .change.down {
  color: #2ca93b;
}
.price-section
  .price-cards-wrapper
  .price-card
  .price-left
  .price-wrapper
  .change-cot
  .change
  .trend-icon {
  width: 1.0625rem;
  height: 0.5rem;
  margin-right: 0.25rem;
}
.price-section
  .price-cards-wrapper
  .price-card
  .price-left
  .price-wrapper
  .change-cot
  .unit {
  color: rgba(51, 51, 51, 0.6);
  font-size: 0.75rem;
}
.price-section .price-cards-wrapper .price-card .price-left .volume {
  color: rgba(51, 51, 51, 0.6);
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}
.price-section .price-cards-wrapper .price-card .price-left .volume span {
  font-family: HarmonyOS Sans SC, HarmonyOS Sans SC, Arial, sans-serif, Arial,
    sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  color: #021532;
  margin: 0 0.25rem;
}
.price-section .price-cards-wrapper .price-card .price-right {
  flex: 3;
  margin-top: 1rem;
}
.price-section .price-cards-wrapper .price-card .price-right .trade-row {
  display: flex;
  font-size: 0.75rem;
}
.price-section
  .price-cards-wrapper
  .price-card
  .price-right
  .trade-row:last-child {
  margin-bottom: 0;
}
.price-section .price-cards-wrapper .price-card .price-right .trade-row .label {
  color: rgba(51, 51, 51, 0.6);
  width: 2.625rem;
  flex-shrink: 0;
  text-align: justify;
  margin-right: 0.75rem;
}
.price-section
  .price-cards-wrapper
  .price-card
  .price-right
  .trade-row
  .label::after {
  content: "";
  display: inline-block;
  width: 100%;
}
.price-section .price-cards-wrapper .price-card .price-right .trade-row .value {
  color: #1d2129;
  flex: 1;
}
.news-section {
  width: 100%;
  padding-bottom: 2.6875rem;
  margin-top: 2.5rem;
}
.news-section .news-tabs {
  display: flex;
  justify-content: flex-end;
  gap: 3.75rem;
  margin-bottom: 1.375rem;
}
.news-section .news-tabs .tab {
  font-size: 1rem;
  color: rgba(24, 24, 24, 0.5);
  cursor: pointer;
  position: relative;
}
.news-section .news-tabs .tab.active {
  color: #181818;
  font-weight: 500;
}
.news-section .news-tabs .tab:not(:last-child)::after {
  content: "|";
  color: #181818;
  position: relative;
  bottom: 1px;
  left: 1.875rem;
}
.news-section .news-content {
  display: flex;
  gap: 1.875rem;
  height: 30.3125rem;
}
.news-section .news-content .news-main {
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0rem 0.3125rem 2.0625rem 0rem rgba(98, 132, 193, 0.13);
  width: 45rem;
  height: 100%;
}
.news-section .news-content .news-main .news-swiper {
  width: 100%;
  height: 100%;
  position: relative;
}
.news-section .news-content .news-main .news-swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.news-section .news-content .news-main .news-swiper .swiper-pagination {
  bottom: 5.3125rem;
}
.news-section .news-content .news-main .news-swiper .swiper-pagination-bullet {
  width: 3.125rem;
  height: 0.25rem;
  background: #ffffff;
  opacity: 0.6;
  border-radius: 0.25rem;
}
.news-section
  .news-content
  .news-main
  .news-swiper
  .swiper-pagination-bullet-active {
  background: #0044ff;
}
.news-section
  .news-content
  .news-main
  .news-swiper
  .swiper-pagination-bullet:not(:last-child) {
  margin-right: 1rem;
}
.news-section .news-content .news-main .news-img {
  width: 45rem;
  height: 25.3125rem;
  overflow: hidden;
}
.news-section .news-content .news-main .news-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-section .news-content .news-main .news-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 5rem;
}
.news-section .news-content .news-main .news-item .news-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #86909c;
  border-right: 1px solid #e5e6eb;
  padding-left: 2.5rem;
  padding-right: 1.25rem;
}
.news-section .news-content .news-main .news-item .news-date .day {
  font-size: 1.75rem;
  line-height: 1;
  color: #181818;
}
.news-section .news-content .news-main .news-item .news-date .month {
  font-size: 0.75rem;
  color: #181818;
  opacity: 0.8;
}
.news-section .news-content .news-main .news-item .news-text {
  flex: 1;
  overflow: hidden;
}
.news-section .news-content .news-main .news-item .news-text h3 {
  font-size: 1.25rem;
  line-height: 1.5;
  color: #333;
}
.news-section .news-content .news-side {
  flex: 1;
}
.news-section .news-content .news-side .news-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  width: 38.75rem;
  height: 30.3125rem;
  overflow: auto;
}
.news-section .news-content .news-side .news-list::-webkit-scrollbar {
  width: 0.375rem;
}
.news-section .news-content .news-side .news-list::-webkit-scrollbar-thumb {
  background: #e5e6eb;
  border-radius: 0.1875rem;
}
.news-section .news-content .news-side .news-list::-webkit-scrollbar-track {
  background: transparent;
}
.news-section .news-content .news-side .news-list li {
  height: 8.875rem;
  background: linear-gradient(180deg, #eff5ff 0%, #ffffff 100%);
  border-radius: 0.5rem;
  position: relative;
  box-sizing: border-box;
  padding-left: 6.125rem;
  padding-right: 1.5625rem;
  overflow: hidden;
}
.news-section .news-content .news-side .news-list li .num {
  position: absolute;
  left: 0.3125rem;
  top: 0;
  font-size: 8rem;
  font-weight: bolder;
  color: #fff;
  z-index: 0;
  line-height: 5.625rem;
}
.news-section .news-content .news-side .news-list li .news-link {
  width: 100%;
  color: #1d2129;
  font-size: 1.25rem;
  line-height: 1;
  display: inline-block;
  position: relative;
  font-weight: 500;
  z-index: 1;
  margin-top: 2.25rem;
  margin-bottom: 0.875rem;
}
.news-section .news-content .news-side .news-list li .news-link:hover {
  color: #3c85fd;
}
.news-section .news-content .news-side .news-list li p {
  width: 100%;
  font-family: Source Han Sans SC, Source Han Sans SC, Arial, sans-serif, Arial,
    sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: rgba(24, 24, 24, 0.6);
  line-height: 1;
  letter-spacing: 1px;
  text-align: justified;
  margin-bottom: 0.875rem;
  position: relative;
  z-index: 1;
}
.news-section .news-content .news-side .news-list li .news-date {
  color: rgba(0, 96, 251, 0.8);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.partner-section {
  width: 100%;
  background-image: url(../assets/pic/paner-bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 2.5rem 0;
}
.partner-section .partner-logo .logo-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  justify-content: flex-start;
}
.partner-section .partner-logo .logo-grid .logo-item {
  width: 15.8125rem;
  height: 3.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  transition: all 0.3s ease;
}
.partner-section .partner-logo .logo-grid .logo-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.trade-section {
  width: 100%;
  background: #f0f8ff;
  padding: 2.5rem 0;
  position: relative;
  z-index: 0;
}
.trade-section .trade-content .trade-tabs {
  display: flex;
  justify-content: flex-end;
  gap: 3.75rem;
  margin-bottom: 1rem;
}
.trade-section .trade-content .trade-tabs .tab {
  font-size: 1rem;
  color: rgba(24, 24, 24, 0.5);
  cursor: pointer;
  position: relative;
}
.trade-section .trade-content .trade-tabs .tab.active {
  color: #181818;
  font-weight: 500;
}
.trade-section .trade-content .trade-tabs .tab:not(:last-child)::after {
  content: "|";
  color: #181818;
  position: relative;
  bottom: 1px;
  left: 1.875rem;
}
.trade-section .trade-content .trade-table-wrapper {
  height: 25.75rem;
  position: relative;
  overflow: hidden;
}
.trade-section .trade-content .trade-table-wrapper .trade-table {
  width: 100%;
  border-collapse: collapse;
}
.trade-section .trade-content .trade-table-wrapper .trade-table thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f0f8ff;
}
.trade-section .trade-content .trade-table-wrapper .trade-table thead::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #b4d3ff;
}
.trade-section .trade-content .trade-table-wrapper .trade-table thead th {
  height: 2.875rem;
  padding: 0 1rem;
  font-size: 0.875rem;
  color: #181818;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
.trade-section
  .trade-content
  .trade-table-wrapper
  .trade-table
  thead
  th:first-child {
  padding-left: 1.5rem;
}
.trade-section
  .trade-content
  .trade-table-wrapper
  .trade-table
  thead
  th:last-child {
  padding-right: 1.5rem;
}
.trade-section
  .trade-content
  .trade-table-wrapper
  .trade-table
  thead
  th:nth-child(1) {
  width: 8.75rem;
}
.trade-section
  .trade-content
  .trade-table-wrapper
  .trade-table
  thead
  th:nth-child(2) {
  width: 8.75rem;
}
.trade-section
  .trade-content
  .trade-table-wrapper
  .trade-table
  thead
  th:nth-child(3) {
  width: 7.5rem;
}
.trade-section
  .trade-content
  .trade-table-wrapper
  .trade-table
  thead
  th:nth-child(4) {
  width: 5rem;
}
.trade-section
  .trade-content
  .trade-table-wrapper
  .trade-table
  thead
  th:nth-child(5) {
  width: 8.75rem;
}
.trade-section
  .trade-content
  .trade-table-wrapper
  .trade-table
  thead
  th:nth-child(6) {
  width: 12.5rem;
}
.trade-section
  .trade-content
  .trade-table-wrapper
  .trade-table
  thead
  th:nth-child(7) {
  width: 6.25rem;
}
.trade-section
  .trade-content
  .trade-table-wrapper
  .trade-table
  thead
  th:nth-child(8) {
  width: 5rem;
}
.trade-section .trade-content .trade-table-wrapper .trade-table tbody {
  position: relative;
}
.trade-section
  .trade-content
  .trade-table-wrapper
  .trade-table
  tbody
  tr:nth-child(even) {
  background: rgba(13, 134, 255, 0.1);
}
.trade-section .trade-content .trade-table-wrapper .trade-table tbody tr td {
  height: 2.875rem;
  line-height: 2.875rem;
  padding: 0 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: red;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 0;
  position: relative;
  background-color:#333333;
}
.trade-section .trade-table-wrapper {
  overflow-x: auto;
}
.trade-section .trade-table-wrapper::-webkit-scrollbar {
  height: 6px;
}
.trade-section .trade-table-wrapper::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.trade-section .trade-table-wrapper::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.chart-filters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(176, 176, 176, 0.2);
  padding-bottom: 0.875rem;
}
.chart-filters .filter-left {
  display: flex;
  gap: 1rem;
}
.chart-filters .filter-left .select-wrapper {
  position: relative;
  width: 11.0625rem;
}
.chart-filters .filter-left .select-wrapper::after {
  content: "";
  position: absolute;
  right: 2.25rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 2rem;
  background-color: #dfecfe;
  pointer-events: none;
  z-index: 1;
  transition: background-color 0.3s ease;
}
.chart-filters .filter-left .select-wrapper:focus-within::after {
  background-color: #3c85fd;
}
.chart-filters .filter-left select {
  width: 100%;
  height: 2rem;
  padding-left: 0.625rem;
  padding-right: 2.5rem;
  border: 1px solid #dfecfe;
  border-radius: 0.1875rem;
  outline: none;
  color: #021532;
  font-size: 0.75rem;
  appearance: none;
  background: #fff
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16'%3E%3Cpath fill='%23dfecfe' d='M6 10L1 5h10z'/%3E%3C/svg%3E")
    no-repeat calc(100% - 0.75rem) center;
  background-size: 0.75rem 1rem;
  cursor: pointer;
  min-width: 11rem;
  font-weight: 500;
}
.chart-filters .filter-left select:hover {
  border-color: #dfecfe;
}
.chart-filters .filter-left select:focus {
  border-color: #3c85fd;
  box-shadow: 0 0 0 2px rgba(22, 93, 255, 0.1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16'%3E%3Cpath fill='%233c85fd' d='M6 10L1 5h10z'/%3E%3C/svg%3E");
}
.chart-filters .filter-tabs {
  display: flex;
  border: 1px solid #3c85fd;
  border-radius: 0.25rem;
  overflow: hidden;
}
.chart-filters .filter-tabs .tab {
  padding: 0.25rem 1rem;
  color: #3c85fd;
  font-size: 0.875rem;
  text-decoration: none;
  transition: all 0.3s ease;
}
.chart-filters .filter-tabs .tab:hover {
  background-color: rgba(22, 93, 255, 0.1);
}
.chart-filters .filter-tabs .tab.active {
  background-color: #3c85fd;
  color: #fff;
}
.chart-filters .filter-tabs .tab:first-child {
  border-right: 1px solid #3c85fd;
}
@keyframes scrollNews {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes scrollCards {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-50%));
  }
}

/* 亳州药材网新加代码 start */

.header
  .header-container
  .header-container-box
  .header-right-search
  .login-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
  width: 5rem;
  height: 2.5rem;
  line-height: 1;
  color: #fff;
  border-radius: 30rem;
  cursor: pointer;
  font-size: 1rem;
  /* margin-bottom: 0.8125rem; */
  border: 1px solid #666;
  color: #666;
  font-weight: 500;
  text-align: center;
  transition: all 0.3s ease;
}

.header
  .header-container
  .header-container-box
  .header-right-search
  .signin-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  width: 5rem;
  height: 2.5rem;
  line-height: 1;
  color: #fff;
  border-radius: 30rem;
  cursor: pointer;
  font-size: 1rem;
  /* margin-bottom: 0.8125rem; */
  border: 1px solid #0052d9;
  color: #0052d9;
  font-weight: 500;
  text-align: center;
  transition: all 0.3s ease;
}

.separate-line {
  padding: 0.75rem 0;
  border-bottom: 1px solid #f2f3f5;
  /* width: 85.625rem; */
  margin: 0 auto;
  margin-bottom: 1.25rem;
}

/* 基础下拉框样式 */

.select-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

select {
  width: 20%;
  padding: 8px 12px;
  border: 2px solid #ddd;
  border-radius: 10px;
  background-color: white;
  font-size: 1rem;
  color: #333;
  appearance: auto; /* 隐藏默认下拉箭头 */
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

select:focus {
  outline: none;
  border-color: #4a69bd;
  box-shadow: 0 0 0 3px rgba(74, 105, 189, 0.2);
}

/* 表格标题样式 */
.table-title h3 {
  text-align: center;
}

/* 价格表格样式 */
.price-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  text-align: center;
  font-size: 0.875rem;
}

/* 表格边框和单元格样式 */
.price-table th,
.price-table td {
  border: 1px solid #bcbcbc;
  padding: 8px;
  text-align: center;
}

/* 年份和月份标题加粗 */
.price-table tr:nth-child(2) th {
  font-weight: bold;
}

/* 年份列加粗 */
.price-table td:first-child {
  font-weight: bold;
  color: #2765cd;
}

/* 表格行间隔样式 */
.price-table tr:not(:last-child) {
  border-bottom: 1px solid #bcbcbc;
}

/* 修改下拉框容器样式，使其并排显示 */
.select-wrapper {
  display: inline-block;
  margin-right: 15px;
  width: auto;
}
/* 确保下拉框本身有合适的宽度 */
.select-wrapper select {
  width: 200px;
  padding: 8px 12px;
  border: 2px solid #ddd;
  border-radius: 10px;
  background-color: white;
  font-size: 1rem;
  color: #333;
  appearance: auto;
  cursor: pointer;
}

/* 添加一个容器类来包裹所有下拉框 */
.select-container {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

/* 亳州药材网新加代码 end */