.component-scroll-text-carousel-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
.component-scroll-text-carousel-wrapper .smooth-scroll-item {
  font-size: 0.14rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.component-fullscreen-animation-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.38);
  z-index: 9999;
  display: none;
  pointer-events: auto;
}
.component-fullscreen-animation-wrapper.active {
  display: block;
}
.component-fullscreen-animation-wrapper .animation-board {
  background: #FC3C55;
  animation: fadeInOut 2.5s ease-in-out;
  background: linear-gradient(90deg, rgba(252, 116, 60, 0.3) 0%, rgba(255, 28, 58, 0.1) 100%);
  border-radius: 0.43rem;
  position: relative;
  overflow: hidden;
  left: 50%;
  top: 38%;
  transform: translate(-50%, -50%);
  -webkit-backdrop-filter: blur(0.1rem);
          backdrop-filter: blur(0.1rem);
  display: inline-flex;
  height: 0.48rem;
  align-items: center;
}
.component-fullscreen-animation-wrapper .animation-board .animation-board-title {
  font-family: PingFangSC-Regular;
  padding: 0 0.36rem;
  font-size: 0.2rem;
  color: #FFF0E0;
  text-align: center;
}
.component-fullscreen-animation-wrapper .animation-board .animation-board-title strong {
  font-family: MaoYanHeiTi-Regular;
}
.component-fullscreen-animation-wrapper .animation-board .war-report-left-bg,
.component-fullscreen-animation-wrapper .animation-board .war-report-right-bg {
  position: absolute;
  height: 100%;
  width: 1.6rem;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.component-fullscreen-animation-wrapper .animation-board .war-report-left-bg {
  background-position: left;
  left: 0;
}
.component-fullscreen-animation-wrapper .animation-board .war-report-right-bg {
  right: 0;
  background-position: right;
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
    transform: scale(0.5);
    transform: translate(-50%, -50%);
  }
  10% {
    opacity: 1;
    transform: scale(1);
    transform: translate(-50%, -50%);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    transform: translate(-50%, -50%);
  }
}

.toggle-arrow-container {
  display: inline-block;
  border-width: 0.01rem;
  border-style: solid;
  border-right-width: 0;
  border-bottom-width: 0;
  transform: rotate(225deg);
  transition: transform 0.2s ease-out;
  position: relative;
}
.toggle-arrow-container.up {
  transform: translateY(50%) rotate(45deg);
}

.component-dropdown-previewer-wrapper {
  padding: 0.12rem;
}
.component-dropdown-previewer-wrapper .ant-tabs-ink-bar {
  opacity: 0.87;
  background: #FFFFFF;
  height: 0.02rem;
  border-radius: 0.05rem;
}
.component-dropdown-previewer-wrapper .ant-tabs-tab {
  padding: 0;
  padding-bottom: 0.07rem;
}
.component-dropdown-previewer-wrapper .ant-tabs-tab-btn {
  font-family: PingFangSC-Regular;
  opacity: 0.5;
  font-size: 0.12rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.16rem;
}
.component-dropdown-previewer-wrapper .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  opacity: 0.87;
  font-family: PingFangSC-Medium;
  font-size: 0.12rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.16rem;
}
.component-dropdown-previewer-wrapper .ant-tabs-nav {
  margin-bottom: 0.12rem;
}
.component-dropdown-previewer-wrapper .ant-tabs-nav::before {
  opacity: 0.05;
  background: #FFFFFF;
}
.component-dropdown-previewer-wrapper .report-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.11rem;
}
.component-dropdown-previewer-wrapper .report-item:last-child {
  margin-bottom: 0;
}
.component-dropdown-previewer-wrapper .report-item .report-item-content {
  opacity: 0.87;
  font-size: 0.12rem;
  color: #FFFFFF;
  line-height: 0.22rem;
  margin-left: 0.08rem;
  font-family: PingFangSC-Regular;
}
.component-dropdown-previewer-wrapper .report-item .report-item-title {
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.16rem;
  padding: 0.02rem 0.04rem;
  position: relative;
  z-index: 1;
}
.component-dropdown-previewer-wrapper .report-item .report-item-title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(161deg, #FC743C 0%, #FF1C3A 100%);
  opacity: 0.1;
  z-index: -1;
  border-radius: 0.04rem;
}
.component-dropdown-previewer-wrapper .report-item .report-item-title.negative::before {
  background-image: linear-gradient(162deg, #76CEFF 0%, #3297CF 100%);
}

.component-war-reporter-wrapper {
  position: relative;
  width: 7rem;
  overflow: hidden;
  border-radius: 0.08rem;
  background-image: linear-gradient(90deg, #20202B 0%, rgba(32, 32, 43, 0) 100%);
}
.component-war-reporter-wrapper .report-display {
  position: relative;
  height: 0.44rem;
  padding: 0.12rem;
  padding-right: 0.16rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.component-war-reporter-wrapper .report-display:not(.empty)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.08rem;
  padding: 0.01rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  /* 渐变高亮 */
  -webkit-mask: linear-gradient(#fff 0, #fff 0) content-box, linear-gradient(#fff 0, #fff 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  /* 避免覆盖背景 */
  -webkit-mask-composite: destination-out;
  /* 合并透明区域 */
  mask-composite: exclude;
  pointer-events: none;
  /* 避免影响点击事件 */
}
.component-war-reporter-wrapper .report-display.empty .report-type-icon,
.component-war-reporter-wrapper .report-display.empty .report-content {
  opacity: 0.38;
}
.component-war-reporter-wrapper .report-display .report-type-icon {
  margin-right: 0.08rem;
  color: white;
  background-image: linear-gradient(161deg, #FC743C 0%, #FF1C3A 100%);
  border-radius: 0.05rem;
  letter-spacing: 0;
  font-size: 0.12rem;
  line-height: 0.16rem;
  text-align: center;
  padding: 0.02rem 0.04rem;
  white-space: nowrap;
  font-family: PingFangSC-Medium;
}
.component-war-reporter-wrapper .report-display .report-type-icon.negative {
  background-image: linear-gradient(162deg, #76CEFF 0%, #3297CF 100%);
}
.component-war-reporter-wrapper .report-display .report-content {
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.14rem;
  color: #FFFFFF;
  display: inline-block;
  white-space: nowrap;
  flex: 1;
}
.component-war-reporter-wrapper .report-display .see-all-report-btn {
  opacity: 0.38;
  font-size: 0.12rem;
  margin-left: 0.12rem;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
}
.component-war-reporter-wrapper .report-display .see-all-report-btn .pending-arrow {
  margin-left: 0.07rem;
}
.component-war-reporter-wrapper .report-display .report-list {
  width: 40%;
  transition: transform 0.3s ease-in-out;
}
.component-war-reporter-wrapper .report-display .report-item {
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.14rem;
  color: white;
  text-align: center;
}
.component-war-report-dropdown-wrapper {
  border-radius: 0.08rem;
  background: rgba(40, 40, 54, 0.96);
  max-height: 4rem;
  width: 7rem;
  overflow-y: auto;
  min-width: auto !important;
}

.component-big-scren-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.14rem;
  color: #FFFFFF;
  font-weight: 400;
}
.component-big-scren-title .left-wrap {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.component-big-scren-title .left-wrap::before {
  content: '';
  width: 0.02rem;
  height: 0.13rem;
  display: inline-block;
  margin-right: 0.14rem;
  background: #FC3C55;
  border-radius: 0 1rem 1rem 0;
}

.component-module-wrap {
  background: #1A1A23;
  border-radius: 0.08rem;
}
.component-module-wrap.no-bg {
  background: transparent;
}
.component-module-wrap .module-title-wrap {
  padding: 0.16rem 0.16rem 0.16rem 0;
}
.component-module-wrap .content-wrap {
  padding: 0 0.16rem;
  height: calc(100% - 0.6rem);
}

.bigscreen-component-radio-button-wrap {
  border-radius: 0.04rem;
  height: 0.28rem;
  display: flex;
  align-items: center;
  padding: 0.02rem;
  font-size: 0.12rem;
  background-color: #21212B;
}
.bigscreen-component-radio-button-wrap .radio-item-wrap {
  margin-right: 0.02rem;
  padding: 0.04rem 0.1rem;
  cursor: pointer;
}
.bigscreen-component-radio-button-wrap .radio-item-wrap:last-child {
  margin-right: 0;
}
.bigscreen-component-radio-button-wrap .radio-item-wrap.active {
  height: 0.24rem;
  background: #FC3C55;
  box-shadow: 0 0.01rem 0.04rem 0 rgba(0, 0, 0, 0.05);
  border-radius: 0.03rem;
  font-family: PingFangSC-Medium;
  font-size: 0.12rem;
  color: #FFFFFF;
  line-height: 0.16rem;
  font-weight: 500;
}

.component-big-scree-table-wrap {
  border-radius: 0.08rem 0.08rem 0 0;
}
.component-big-scree-table-wrap .ant-table {
  color: rgba(255, 255, 255, 0.87);
  background: #1A1A23;
  font-size: 0.1rem;
  cursor: default;
}
.component-big-scree-table-wrap .ant-table .column-data {
  font-family: MaoYanHeiTi-Light;
  white-space: nowrap;
}
.component-big-scree-table-wrap .ant-table-thead {
  border-radius: 0.1rem 0.1rem 0 0;
  height: 0.22rem;
}
.component-big-scree-table-wrap .ant-table-thead > tr > th {
  background-color: rgba(255, 255, 255, 0.02);
  color: rgba(255, 255, 255, 0.5);
  vertical-align: baseline;
  white-space: nowrap;
}
.component-big-scree-table-wrap .ant-table-tbody > tr.ant-table-row:hover > td,
.component-big-scree-table-wrap .ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background-color: transparent;
}
.component-big-scree-table-wrap .ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background-color: rgba(255, 255, 255, 0.02);
}
.component-big-scree-table-wrap .ant-empty-image svg {
  opacity: 0.2;
}
.component-big-scree-table-wrap .ant-empty-description {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.08rem;
}
.component-big-scree-table-wrap .ant-table-thead > tr > th {
  padding: 0.03rem 0.08rem;
  font-size: 0.08rem;
  font-family: PingFangSC-Light;
  line-height: 0.15rem;
}
.component-big-scree-table-wrap .ant-table-thead > tr > th:first-child {
  padding-left: 0.16rem;
}
.component-big-scree-table-wrap .ant-table-thead > tr > th:last-child {
  padding-right: 0.16rem;
}
.component-big-scree-table-wrap .ant-table-tbody > tr > td,
.component-big-scree-table-wrap .ant-table tfoot > tr > th,
.component-big-scree-table-wrap .ant-table tfoot > tr > td {
  padding: 0.075rem;
  line-height: 0.16rem;
}
.component-big-scree-table-wrap .ant-table-tbody > tr > td:first-child,
.component-big-scree-table-wrap .ant-table tfoot > tr > th:first-child,
.component-big-scree-table-wrap .ant-table tfoot > tr > td:first-child {
  padding-left: 0.16rem;
}
.component-big-scree-table-wrap .ant-table-tbody > tr > td:last-child,
.component-big-scree-table-wrap .ant-table tfoot > tr > th:last-child,
.component-big-scree-table-wrap .ant-table tfoot > tr > td:last-child {
  padding-right: 0.16rem;
}
.component-big-scree-table-wrap .ant-table-row.light {
  background-color: #1d1d24;
}
.component-big-scree-table-wrap .ant-table-sticky-holder {
  background-color: #1A1A23;
  height: 0.22rem;
  top: -0.01rem !important;
}

.component-bigscreen-rank-num-and-name-wrap {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.component-bigscreen-rank-num-and-name-wrap .rank-num {
  font-family: MaoYanHeiTi-Regular;
  font-size: 0.08rem;
  color: rgba(255, 255, 255, 0.87);
  text-align: center;
  line-height: 0.12rem;
  font-weight: 400;
  width: 0.16rem;
  height: 0.12rem;
  margin-right: 0.05rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}
.component-bigscreen-rank-num-and-name-wrap .name {
  font-family: PingFangSC-Regular;
  font-size: 0.1rem;
  color: rgba(255, 255, 255, 0.87);
  line-height: 0.16rem;
  font-weight: 400;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.component-bigscreen-rank-num-and-name-wrap .star {
  width: 0.1rem;
  height: 0.1rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 0.02rem;
  flex-shrink: 0;
}
.component-bigscreen-rank-num-and-name-wrap .star.rank-1 {
  background-image: url('https://p0.pipi.cn/mediaplus/fe_rock_web/0fa334526e36e382bf374cb8ab4b6015c8622.png?imageMogr2/thumbnail/2500x2500%3E');
}
.component-bigscreen-rank-num-and-name-wrap .star.rank-2 {
  background-image: url('https://p0.pipi.cn/mediaplus/fe_rock_web/0fa334526e36e382bfd7e4d865d3b9594dd79.png?imageMogr2/thumbnail/2500x2500%3E');
}

.components-animate-switch-wrap {
  position: relative;
  overflow: hidden;
}
.components-animate-switch-wrap .prev {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.components-animate-switch-wrap .cur {
  position: absolute;
  left: 0;
  top: 0;
}
.components-animate-switch-wrap .animate-out {
  animation: slideOut 0.8s ease-in-out forwards;
}
.components-animate-switch-wrap .animate-in {
  animation: slideIn 0.8s ease-in-out forwards;
}
@keyframes slideOut {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}
@keyframes slideIn {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

.component-bigscreen-sort-arrow-wrap {
  width: 0.03rem;
  height: 0.08rem;
  background-image: url('https://p0.pipi.cn/mediaplus/fe_rock_web/0fa33452b8105109c38457840dfeb315ee984.png?imageMogr2/thumbnail/2500x2500%3E');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.02rem;
}
.component-bigscreen-sort-arrow-wrap.up {
  transform: rotate(180deg);
}

.component-title-with-sort-arrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.vqoaB4tB9jHREVgSK75A {
  margin-top: 0.2rem;
  min-height: 1.86rem;
  padding-left: 0.16rem;
  padding-right: 0.16rem;
}
.vqoaB4tB9jHREVgSK75A .Oq3QYUhbIM4IB6mYXcc8 {
  display: flex;
  align-items: center;
}
.vqoaB4tB9jHREVgSK75A .FhKKyG0HgxiAGIZ9l6el {
  justify-content: flex-end;
}
.vqoaB4tB9jHREVgSK75A .M3tnCdfxf1HLBMdgosw7 {
  display: flex;
  align-items: center;
}
.vqoaB4tB9jHREVgSK75A .M3tnCdfxf1HLBMdgosw7 .YTQio0kLKgaQGf8ocG43 {
  margin-right: 0.05rem;
}

.component-echarts-slider .irs--flat {
  height: 10px;
}
.component-echarts-slider .irs--flat .irs-line {
  background: #F5F5F5;
  border-radius: 5px;
  height: 10px;
  top: 0;
}
.component-echarts-slider .irs--flat .irs-bar {
  background: #DDDDDD;
  height: 10px;
  top: 0;
}
.component-echarts-slider .irs--flat .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #DDDDDD;
  top: 0;
}
.component-echarts-slider .irs--flat .irs-handle:hover {
  background-color: #eee;
  border: 1px solid lightgray;
}
.component-echarts-slider .irs--flat .irs-handle.state_hover {
  background-color: #eee;
}
.component-echarts-slider .irs--flat .irs-handle > i:first-child {
  background-color: #DDDDDD;
}
.component-echarts-slider .irs--flat .irs-handle.state_hover > i:first-child,
.component-echarts-slider .irs--flat .irs-handle:hover > i:first-child {
  background-color: #eee;
}

.component-echarts-wrap {
  width: 100%;
  height: 100%;
}
.component-echarts-wrap .charts {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.component-echarts-wrap .legend-wrap {
  width: calc(100% - 32px);
  position: relative;
  height: 24px;
  left: 16px;
}
.component-echarts-wrap .legend {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}
.component-echarts-wrap .legend .legend-item {
  min-width: 56px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  margin-right: 16px;
  background-color: #F2F2F2;
  border-radius: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  overflow: hidden;
}
.component-echarts-wrap .legend .legend-item:last-child {
  margin-right: 0;
}
.component-echarts-wrap .legend .legend-item:hover {
  cursor: pointer;
}
.component-echarts-wrap .legend .legend-item-icon {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  color: #999999;
  flex-shrink: 0;
}
.component-echarts-wrap .legend .legend-item-name {
  margin-left: 4px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #222222;
  line-height: 12px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.component-echarts-wrap .legend-line-wrap {
  width: 100%;
}
.component-echarts-wrap .legend-line-wrap .legend-line {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  min-height: 40px;
  cursor: pointer;
}
.component-echarts-wrap .legend-line-wrap .legend-line-item {
  display: flex;
  align-items: center;
  margin-right: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  overflow: hidden;
}
.component-echarts-wrap .legend-line-wrap .legend-line-item:last-child {
  margin-right: 0;
}
.component-echarts-wrap .legend-line-wrap .legend-line-item:hover {
  cursor: pointer;
}
.component-echarts-wrap .legend-line-wrap .legend-line-item-icon {
  width: 12px;
  height: 0;
  border-bottom-width: 2px;
  border-radius: 1px;
  border-bottom-style: solid;
  color: #999999;
  flex-shrink: 0;
}
.component-echarts-wrap .legend-line-wrap .legend-line-item-name {
  margin-left: 4px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #222222;
  line-height: 20px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.component-echarts-wrap .echart-slider-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
}
.component-echarts-wrap .echart-slider-wrap .scroll-left-btn,
.component-echarts-wrap .echart-slider-wrap .scroll-right-btn {
  width: 16px;
  height: 16px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  background-image: url(https://p0.pipi.cn/rock/prod/common/image/99ef4c344151bae18084569d561aab72.png?imageMogr2/thumbnail/2500x2500%3E);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.component-echarts-wrap .echart-slider-wrap .scroll-left-btn:disabled,
.component-echarts-wrap .echart-slider-wrap .scroll-right-btn:disabled {
  background-image: url(https://p0.pipi.cn/rock/prod/common/image/1c4f932638d235aaaccbf4d5051b0d65.png?imageMogr2/thumbnail/2500x2500%3E);
  cursor: not-allowed;
}
.component-echarts-wrap .echart-slider-wrap .scroll-left-btn {
  margin-right: 8px;
  transform: rotate(180deg);
}
.component-echarts-wrap .echart-slider-wrap .scroll-left-btn:disabled {
  transform: rotate(0deg);
}
.component-echarts-wrap .echart-slider-wrap .scroll-right-btn {
  margin-left: 8px;
}
.component-echarts-wrap .echart-slider-wrap .scroll-right-btn:disabled {
  transform: rotate(180deg);
}
.component-echarts-wrap .custom-data-zoom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 248px;
  height: 16px;
  margin: 0 auto;
}
.component-echarts-wrap .custom-data-zoom .scroll-left-btn,
.component-echarts-wrap .custom-data-zoom .scroll-right-btn {
  width: 16px;
  height: 16px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.component-echarts-wrap .custom-data-zoom .scroll-left-btn {
  background-image: url(https://p0.pipi.cn/rock/prod/common/image/1c4f932638d235aaaccbf4d5051b0d65.png?imageMogr2/thumbnail/2500x2500%3E);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.component-echarts-wrap .custom-data-zoom .scroll-right-btn {
  background-image: url(https://p0.pipi.cn/rock/prod/common/image/99ef4c344151bae18084569d561aab72.png?imageMogr2/thumbnail/2500x2500%3E);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.component-echarts-wrap .custom-data-zoom .scrollbar-track {
  width: 200px;
  height: 10px;
  background: #F5F5F5;
  border-radius: 5px;
  position: relative;
  margin: 0 8px;
}
.component-echarts-wrap .custom-data-zoom .scrollbar-track .scrollbar-thumb {
  width: 40px;
  height: 100%;
  background: #DDDDDD;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

.component-big-screen-empty-wrap {
  background-color: transparent;
}
.component-big-screen-empty-wrap.component-empty-wrap .empty-text {
  opacity: 0.5;
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.24rem;
  font-weight: 400;
}

.bigscreen-trend-tooltip-content-wrap {
  min-width: 1.28rem;
  font-size: 0.08rem;
}
.bigscreen-trend-tooltip-content-wrap .title {
  font-family: PingFangSC-Regular;
  font-size: 0.08rem;
  color: #D5D5D5;
  letter-spacing: 0;
  line-height: 0.12rem;
  font-weight: 400;
}
.bigscreen-trend-tooltip-content-wrap .table-wrap {
  margin-top: 0.06rem;
  width: 100%;
}
.bigscreen-trend-tooltip-content-wrap .table-wrap thead td {
  opacity: 0.38;
  font-family: PingFangSC-Regular;
  font-size: 0.08rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: left;
  line-height: 0.14rem;
  font-weight: 400;
  padding-right: 0.12rem;
}
.bigscreen-trend-tooltip-content-wrap .table-wrap thead td:last-child {
  padding-right: 0;
}
.bigscreen-trend-tooltip-content-wrap .table-wrap tbody td {
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.08rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.14rem;
  font-weight: 400;
  padding-right: 0.12rem;
}
.bigscreen-trend-tooltip-content-wrap .table-wrap tbody td:last-child {
  padding-right: 0;
}
.bigscreen-trend-tooltip-content-wrap .num {
  opacity: 0.87;
  font-family: MaoYanHeiTi-Regular;
  font-size: 0.08rem;
  letter-spacing: 0;
  text-align: right;
  line-height: 0.14rem;
  font-weight: 400;
}
.bigscreen-trend-tooltip-content-wrap .movie-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.component-realtime-clock-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.component-realtime-clock-wrapper .clock-char {
  display: inline-block;
  text-align: center;
  width: 0.08rem;
}

.component-bs-maoyan-logo-wrap {
  height: 0.3rem;
  display: flex;
  align-items: center;
}
.component-bs-maoyan-logo-wrap .logo-head-wrap,
.component-bs-maoyan-logo-wrap .logo-text-wrap {
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.component-bs-maoyan-logo-wrap .logo-head-wrap {
  height: 0.24rem;
  width: 0.24rem;
}
.component-bs-maoyan-logo-wrap .logo-text-wrap {
  margin-left: 0.02rem;
  height: 0.3rem;
  width: 0.84rem;
  filter: brightness(0) invert(100%);
}

.data-screen-header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.16rem;
  height: 0.48rem;
}
.data-screen-header-wrapper .right-corner {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0.02rem;
  right: 0.05rem;
  height: 0.44rem;
}
.data-screen-header-wrapper .right-corner *:last-child {
  padding-right: 0.11rem;
}
.data-screen-header-wrapper .right-corner .full-screen-icon {
  margin-left: 0.05rem;
  height: 0.44rem;
  width: 0.44rem;
  padding: 0.11rem;
}
.data-screen-header-wrapper .right-corner .realtime-clock {
  opacity: 0.38;
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  color: #FFFFFF;
}

.component-bs-radio-wrapper {
  display: inline-block;
  font-size: 0.14rem;
}
.component-bs-radio-wrapper .bs-radio-label {
  color: rgba(255, 255, 255, 0.87);
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  line-height: 0.16rem;
}
.component-bs-radio-wrapper > span {
  padding-right: 0;
  line-height: 0.16rem;
}
.component-bs-radio-wrapper .ant-radio-inner {
  background-color: transparent;
  width: 0.16rem;
  height: 0.16rem;
  border-width: 0.01rem;
}
.component-bs-radio-wrapper .ant-radio-inner::after {
  width: 0.16rem;
  height: 0.16rem;
  margin-top: -0.08rem;
  margin-left: -0.08rem;
  border-radius: 0.16rem;
}
.component-bs-radio-wrapper :not(.ant-radio-checked) > .ant-radio-inner {
  border-color: rgba(255, 255, 255, 0.38);
}
.component-bs-radio-wrapper .ant-radio-checked .ant-radio-inner::after {
  background: #FC3C55;
}

.component-bs-checkbox-wrapper .ant-checkbox-inner {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.38);
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 0.04rem;
  font-size: 0.14rem;
}
.component-bs-checkbox-wrapper .ant-checkbox-inner::after {
  width: 0.05714286rem;
  height: 0.09142857rem;
}
.component-bs-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
  background: #FC3C55;
  border: none;
}
.component-bs-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
  border-width: 0.02rem;
}
.component-bs-checkbox-wrapper.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.component-bs-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner,
.component-bs-checkbox-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: rgba(255, 255, 255, 0.38);
}
.component-bs-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  opacity: 0.5;
}
.component-bs-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background: #606068;
}
.component-bs-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after {
  border-color: rgba(255, 255, 255, 0.5);
}
.component-bs-checkbox-wrapper.ant-checkbox-wrapper-disabled span {
  color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

.component-movie-search-page-wrapper {
  color: #fff;
  padding: 0.16rem 0;
  padding-bottom: 0;
  width: 3.6rem;
  height: 4.2rem;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  background: rgba(40, 40, 54, 0.96);
}
.component-movie-search-page-wrapper .search-icon {
  width: 0.16rem;
  height: 0.15rem;
  margin-left: 0.12rem;
}
.component-movie-search-page-wrapper .movie-search-input-container {
  margin: 0 0.16rem;
}
.component-movie-search-page-wrapper .movie-search-input {
  padding: 0;
  padding-right: 0.06rem;
  border: none;
  background-color: rgba(255, 255, 255, 0.04);
}
.component-movie-search-page-wrapper .movie-search-input.ant-input-affix-wrapper {
  outline: none;
  box-shadow: none;
  border: none;
}
.component-movie-search-page-wrapper .movie-search-input input {
  width: 100%;
  background-color: transparent;
  border: none;
  color: #fff;
  padding: 0.06rem 0.12rem;
  border-radius: 0.04rem;
  font-size: 0.12rem;
}
.component-movie-search-page-wrapper .movie-search-input input::-moz-placeholder {
  opacity: 0.2;
  font-size: 0.12rem;
  color: #FFFFFF;
}
.component-movie-search-page-wrapper .movie-search-input input::placeholder {
  opacity: 0.2;
  font-size: 0.12rem;
  color: #FFFFFF;
}
.component-movie-search-page-wrapper .movie-search-input input:focus {
  outline: none;
  box-shadow: none;
}
.component-movie-search-page-wrapper .movie-search-input .ant-input-clear-icon {
  opacity: 0.2;
  color: #FFFFFF;
}
.component-movie-search-page-wrapper .movie-selector-sub-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.12rem;
  padding-bottom: 0.08rem;
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.87);
}
.component-movie-search-page-wrapper .movie-selector-sub-title-row .movie-history-delete-icon {
  cursor: pointer;
  width: 0.12rem;
  height: 0.12rem;
}
.component-movie-search-page-wrapper .movie-selector-result-title-row {
  opacity: 0.5;
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  margin-top: 0.08rem;
  margin-bottom: 0.04rem;
  color: #FFFFFF;
  line-height: 0.22rem;
}
.component-movie-search-page-wrapper .movie-search-history .history-delete-mod-actions {
  display: flex;
  align-items: center;
  opacity: 0.5;
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  color: #FFFFFF;
  line-height: 0.22rem;
}
.component-movie-search-page-wrapper .movie-search-history .history-delete-mod-actions .delete-all-btn {
  padding-right: 0.08rem;
  position: relative;
}
.component-movie-search-page-wrapper .movie-search-history .history-delete-mod-actions .delete-all-btn:after {
  content: '';
  top: 20%;
  right: 0;
  width: 0.01rem;
  height: 0.6rem;
  background: white;
  opacity: 0.38;
  position: absolute;
}
.component-movie-search-page-wrapper .movie-search-history .history-delete-mod-actions .finish-btn {
  padding-left: 0.08rem;
}
.component-movie-search-page-wrapper .movie-search-history .history-list {
  font-size: 0.12rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.component-movie-search-page-wrapper .movie-search-history .history-list .history-item {
  color: rgba(255, 255, 255, 0.4);
  padding: 0.03rem 0.12rem;
  white-space: nowrap;
  border: 0.005rem solid rgba(255, 255, 255, 0.1);
  border-radius: 0.12rem;
  margin-bottom: 0.08rem;
  display: flex;
  align-items: center;
}
.component-movie-search-page-wrapper .movie-search-history .history-list .history-item .anticon-close {
  font-size: 0.1rem;
  margin-left: 0.06rem;
  margin-right: -0.04rem;
}
.component-movie-search-page-wrapper .movie-search-history .history-list .history-item:not(:last-child) {
  margin-right: 0.08rem;
}
.component-movie-search-page-wrapper .movie-search-page-movie-list-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow-y: auto;
  overflow-x: hidden;
}
.component-movie-search-page-wrapper .movie-search-page-movie-list-wrap .movie-search-page-movie-card-item {
  width: 1.6rem;
  margin: 0;
  margin-bottom: 0.08rem;
  padding: 0.04rem 0;
  display: flex;
  align-items: center;
}
.component-movie-search-page-wrapper .movie-search-page-movie-list-wrap .movie-search-page-movie-card-item:nth-child(2n) {
  margin-left: 0.08rem;
}
.component-movie-search-page-wrapper .movie-search-page-movie-list-wrap .movie-search-page-movie-card-item .ant-radio-wrapper {
  margin-right: 0;
}
.component-movie-search-page-wrapper .movie-search-page-movie-list-wrap .movie-search-page-movie-card-item .movie-info .name {
  font-family: PingFangSC-Regular;
  opacity: 0.87;
  font-size: 0.12rem;
  color: #FFFFFF;
  line-height: 0.14rem;
}
.component-movie-search-page-wrapper .movie-search-page-movie-list-wrap .movie-search-page-movie-card-item .movie-info .time {
  font-family: PingFangSC-Regular;
  opacity: 0.38;
  font-size: 0.1rem;
  color: #FFFFFF;
  line-height: 0.14rem;
}
.component-movie-search-page-wrapper .movie-selector-recommend-area {
  flex: 1;
  overflow-y: auto;
  padding: 0 0.16rem;
}
.component-movie-search-page-wrapper .empty-search-result {
  padding: 0.24rem 0;
  text-align: center;
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  color: #FFFFFF;
  line-height: 0.22rem;
}
.component-movie-search-page-wrapper .component-small-movie-card {
  display: flex;
  align-items: center;
}
.component-movie-search-page-wrapper .component-small-movie-card img {
  width: 0.28rem;
  height: 0.36rem;
  border: 0.01rem solid rgba(0, 0, 0, 0.08);
  border-radius: 0.04rem;
}
.component-movie-search-page-wrapper .component-small-movie-card .movie-info {
  margin-left: 0.04rem;
}
.component-movie-search-page-wrapper .component-small-movie-card .movie-info .name {
  font-family: PingFangSC-Medium;
  font-size: 0.12rem;
  color: #222222;
  line-height: 0.14rem;
  font-weight: 500;
  width: 0.9rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.component-movie-search-page-wrapper .component-small-movie-card .movie-info .time {
  font-family: PingFangSC-Regular;
  font-size: 0.1rem;
  color: #999999;
  line-height: 0.14rem;
  height: 0.14rem;
  font-weight: 400;
}

.component-bs-button-wrapper {
  font-family: PingFangSC-Medium;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.16rem;
  font-size: 0.12rem;
  border-radius: 0.04rem;
  border: none;
}
.component-bs-button-wrapper.ant-btn {
  height: 0.32rem !important;
}
.component-bs-button-wrapper.ant-btn-link {
  opacity: 0.87;
  color: white;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.16rem;
}
.component-bs-button-wrapper.ant-btn-primary {
  background: #FC3C55;
  padding: 0.06rem 0.24rem;
  height: auto;
}

.component-custom-dropdown-wrapper {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.component-custom-dropdown-wrapper .dropdown-trigger {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: white;
  height: 100%;
  padding: 0.14rem 0.16rem;
}
.component-custom-dropdown-wrapper .dropdown-trigger .custom-dropdown-label {
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.38);
  line-height: 0.16rem;
}
.component-custom-dropdown-wrapper .dropdown-trigger .custom-dropdown-value {
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.87);
  font-family: PingFangSC-Regular;
  line-height: 0.16rem;
  flex: 1;
  margin-left: 0.04rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.component-custom-dropdown-wrapper .dropdown-trigger .toggle-arrow-container {
  margin-left: 0.07rem;
  width: 0.1rem;
  height: 0.1rem;
}
.component-custom-dropdown-overlay-wrapper {
  transform-origin: 0 0;
}
.component-custom-dropdown-overlay-wrapper.dropdown-float {
  position: absolute;
  top: 100%;
  left: 0;
  overflow-y: auto;
  background: rgba(40, 40, 54, 0.96);
  border-radius: 0.06rem;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  z-index: 1000;
  opacity: 0;
  transform: scaleY(0);
}
.component-custom-dropdown-overlay-wrapper.dropdown-float.open {
  opacity: 1;
  transform: scaleY(1);
}

.mutiple-movie-selector-dropdown-wrapper .mutiple-movie-selector-dropdown-content {
  display: flex;
  width: 5.92rem;
}
.mutiple-movie-selector-dropdown-wrapper .mutiple-movie-selector-dropdown-content .component-movie-search-page-wrapper {
  height: 3.6rem;
}
.mutiple-movie-selector-dropdown-wrapper .selected-movies-list {
  border-left: 0.01rem solid rgba(225, 225, 225, 0.04);
  color: white;
  padding: 0.2rem 0.16rem 0 0.15rem;
  width: 2.31rem;
  background: rgba(40, 40, 54, 0.96);
}
.mutiple-movie-selector-dropdown-wrapper .selected-movies-list .selected-movie-title {
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.14rem;
  color: #FFFFFF;
  margin-bottom: 0.2rem;
}
.mutiple-movie-selector-dropdown-wrapper .selected-movies-list .selected-movie-title .selected-movie-title-hint {
  opacity: 0.38;
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  color: #FFFFFF;
  line-height: 0.12rem;
}
.mutiple-movie-selector-dropdown-wrapper .selected-movies-list .selected-movie-item {
  background: rgba(255, 255, 255, 0.04);
  padding: 0.08rem 0rem 0.08rem 0.1rem;
  border-radius: 0.04rem;
  position: relative;
  margin-bottom: 0.08rem;
  height: 0.4rem;
  width: 2rem;
  display: flex;
  align-items: center;
}
.mutiple-movie-selector-dropdown-wrapper .selected-movies-list .selected-movie-item .selected-movie-item-content {
  max-width: 90%;
}
.mutiple-movie-selector-dropdown-wrapper .selected-movies-list .selected-movie-name {
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.12rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0.02rem;
}
.mutiple-movie-selector-dropdown-wrapper .selected-movies-list .selected-movie-date {
  opacity: 0.38;
  font-family: PingFangSC-Regular;
  font-size: 0.1rem;
  color: #FFFFFF;
  line-height: 0.1rem;
  white-space: pre;
}
.mutiple-movie-selector-dropdown-wrapper .selected-movies-list .selected-movie-delete-icon {
  position: absolute;
  right: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.38;
  height: 0.1rem;
  width: 0.1rem;
}
.mutiple-movie-selector-dropdown-wrapper .actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 0.6rem;
  padding: 0.16rem;
  background: #30303D;
}
.mutiple-movie-selector-dropdown-wrapper .actions .action-hint {
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  color: #FFFFFF;
  text-align: right;
  line-height: 0.18rem;
  margin-right: 0.16rem;
}
.mutiple-movie-selector-dropdown-wrapper .actions .action-hint .selected-movie-count {
  color: #FC3C55;
  text-align: right;
  line-height: 0.18rem;
}

.styled-date-picker.ant-picker {
  width: 200px;
  height: 44px;
  border: 0.5px solid #E5E5E5;
  border-radius: 6px;
}
.styled-date-picker.ant-picker .ant-picker-suffix {
  display: none;
}
.cm-styled-date-popup-wrap .ant-picker-cell-disabled::before {
  height: 34px;
}
.styled-date-picker::after {
  position: absolute;
  background-image: url(https://p0.pipi.cn/rock/prod/common/image/2fcbde750249b05aa23f490db13fcfa8.png?imageMogr2/thumbnail/2500x2500%3E);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 16px;
  right: 11px;
  width: 10px;
  height: 10px;
  content: ' ';
}

.marked-date-picker-popup .ant-picker-cell .ant-picker-cell-inner {
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.marked-date-picker-popup .ant-picker-cell .ant-picker-cell-inner .holiday-text {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  font-family: PingFangSC-Semibold;
  font-size: 8px;
  color: #EB0029;
  font-weight: 600;
  line-height: 11px;
}
.marked-date-picker-popup .ant-picker-cell .ant-picker-cell-inner .number-text {
  position: absolute;
  top: 16px;
  left: 11px;
  font-family: PingFangSC-Regular;
  font-size: 8px;
  color: #222222;
  text-align: center;
  font-weight: 400;
}
.marked-date-picker-popup .ant-picker-cell-selected .ant-picker-cell-inner .holiday-text {
  color: #FFFFFF;
}
.marked-date-picker-popup .ant-picker-cell-selected .ant-picker-cell-inner .number-text {
  color: #FFFFFF;
}

.component-bs-marked-date-picker-popup-wrapper {
  /* 日期选择器背景色 */
  /* 日期文字的背景色 */
  /* 鼠标悬停日期单元格的背景色 */
  /* 日期有多少部片的文字颜色 */
  /* 节日文字 */
  /* 选中的日期背景 */
  /* 日期有多少部片的文字颜色(选中) */
  /* 底部边框 */
  /* 当前日期的边框样式 */
  /* 禁用状态的日期颜色 */
  /* 日期导航按钮的颜色 */
  /* 日期选择器年份和月份的样式 */
  /* 鼠标悬停日期导航按钮的颜色 */
  /* 表头单元格的样式 */
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-panel-container {
  background: #30303D;
  box-shadow: 0 0.04rem 0.14rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.08rem;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-header-view {
  height: 0.4rem;
  line-height: 0.4rem;
  font-weight: normal;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-header {
  padding: 0.02rem 0.16rem;
  padding-bottom: 0.01rem;
  border-bottom: 0.01rem solid rgba(255, 255, 255, 0.03);
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-header button {
  line-height: 0.4rem;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-body {
  padding: 0.1rem 0.16rem 0.16rem 0.16rem;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-date-panel {
  width: 2.98rem;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-date-panel .ant-picker-content {
  width: 2.66rem;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-cell {
  color: rgba(255, 255, 255, 0.5);
  padding: 0.04rem;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-cell-inner {
  opacity: 0.87;
  font-family: PingFangSC-Medium;
  font-size: 0.12rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.16rem;
  height: 0.4rem !important;
  min-width: 0.24rem;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-cell:hover .ant-picker-cell-inner {
  background-color: rgba(255, 255, 255, 0.38) !important;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-cell .ant-picker-cell-inner .number-text {
  font-family: PingFangSC-Regular;
  font-size: 0.08rem;
  color: rgba(255, 255, 255, 0.5) !important;
  text-align: center;
  line-height: 0.1rem;
  top: 0.28rem !important;
  left: 50% !important;
  transform: translateX(-50%);
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-cell .ant-picker-cell-inner .holiday-text {
  font-family: PingFangSC-Regular;
  font-size: 0.08rem;
  color: #FC3C55 !important;
  text-align: center;
  top: 0.02rem !important;
  line-height: 0.11rem;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-cell-selected .ant-picker-cell-inner {
  background: #FC3C55;
  border-radius: 0.04rem;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-cell-selected .ant-picker-cell-inner .holiday-text {
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.08rem;
  color: #FFFFFF !important;
  text-align: center;
  line-height: 0.11rem;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-cell-selected .number-text {
  color: #fff !important;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-panel-container .ant-picker-panel {
  border-bottom: none;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: rgba(255, 255, 255, 0.38);
  background: transparent;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-cell.ant-picker-cell-disabled::before {
  background: transparent;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-cell.ant-picker-cell-disabled .ant-picker-cell-inner,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-cell.ant-picker-cell-disabled .ant-picker-cell-inner:hover {
  opacity: 0.87;
  font-family: PingFangSC-Medium;
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.38);
  text-align: center;
  line-height: 0.16rem;
  cursor: not-allowed;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-header-super-prev-btn,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-header-prev-btn,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-header-next-btn,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-header-super-next-btn,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-year-btn,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-month-btn {
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.14rem;
  color: #FFFFFF;
  text-align: center;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-header-super-prev-btn:hover,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-header-prev-btn:hover,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-header-next-btn:hover,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-header-super-next-btn:hover,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-year-btn:hover,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-month-btn:hover {
  color: white;
  opacity: 1;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-date-panel .ant-picker-content thead th {
  opacity: 0.5;
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.16rem;
  padding-bottom: 0.04rem;
  width: 0.36rem;
  height: 0.3rem;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-content th,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-content td {
  min-width: 0.24rem;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-prev-icon,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-next-icon,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-super-prev-icon,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-super-next-icon {
  width: 0.07rem;
  height: 0.07rem;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-prev-icon::before,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-next-icon::before,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-super-prev-icon::before,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-super-next-icon::before {
  width: 0.07rem;
  height: 0.07rem;
  border-width: 0.015rem 0 0 0.015rem;
}
.component-bs-marked-date-picker-popup-wrapper .ant-picker-super-prev-icon::after,
.component-bs-marked-date-picker-popup-wrapper .ant-picker-super-next-icon::after {
  width: 0.07rem;
  height: 0.07rem;
  border-width: 0.015rem 0 0 0.015rem;
  top: 0.04rem;
  left: 0.04rem;
}
/* 展示框颜色 */
.component-bs-marked-date-picker-wrapper.ant-picker.styled-date-picker {
  height: 0.32rem;
  width: 1.6rem;
  border-radius: 0.04rem;
  background: #20202b;
  border: none;
  padding: 0.04rem 0.11rem 0.04rem;
}
.component-bs-marked-date-picker-wrapper.ant-picker.styled-date-picker.ant-picker-focused {
  box-shadow: none;
}
.component-bs-marked-date-picker-wrapper.ant-picker.styled-date-picker input {
  opacity: 0.87;
  font-size: 0.12rem;
  color: #fff !important;
  line-height: 0.16rem;
}
.component-bs-marked-date-picker-wrapper.ant-picker.styled-date-picker.styled-date-picker::after {
  display: none;
}
.component-bs-marked-date-picker-wrapper.ant-picker.styled-date-picker .ant-picker-suffix {
  display: flex;
}

.component-bs-selector-wrapper {
  width: 1.6rem;
  height: 0.32rem;
  margin-left: 0.08rem;
  font-size: 0.12rem;
  background: #20202b !important;
  border: none !important;
  color: #fff;
  box-shadow: none !important;
  opacity: 0.87;
  border-radius: 0.04rem;
}
.component-bs-selector-wrapper .dropdown-trigger-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0.08rem 0.12rem;
}
.component-bs-selector-dropdown-wrapper {
  background: #20202b;
  border-radius: 0.04rem;
}
.component-bs-selector-dropdown-wrapper .option-label {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.12rem;
  padding: 0.08rem 0.12rem;
}
.component-bs-selector-dropdown-wrapper .option-label:hover {
  background: rgba(255, 255, 255, 0.02);
  color: #fff;
}

.component-bs-percent-number-input-wrapper {
  width: 100%;
  border: none;
  box-shadow: none;
  border-radius: 0.04rem;
  background-color: #20202b;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.14rem;
}
.component-bs-percent-number-input-wrapper .ant-dropdown,
.component-bs-percent-number-input-wrapper .ant-input-number-group {
  font-size: 0.14rem;
}
.component-bs-percent-number-input-wrapper .ant-input-number-handler-wrap {
  display: none;
}
.component-bs-percent-number-input-wrapper .ant-input-number-input {
  color: #fff;
  font-size: 0.12rem;
  height: 0.3rem;
  padding: 0 0.11rem;
  border-radius: 0.04rem;
}
.component-bs-percent-number-input-wrapper .ant-input-number-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.component-bs-percent-number-input-wrapper .ant-input-number-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.component-bs-percent-number-input-wrapper .ant-input-number-group-addon {
  border: none;
  color: rgba(255, 255, 255, 0.87);
  background: #20202b;
  padding: 0 0.11rem;
  font-size: 0.14rem;
  border-radius: 0.04rem;
}

.component-bs-province-selector-wrapper {
  --antd-wave-shadow-color: transparent;
}
.component-bs-province-selector-wrapper .dropdown-trigger {
  background: #20202b;
  color: #fff;
  text-align: left;
  border: none;
  width: 1.6rem;
  height: 0.32rem;
  font-size: 0.12rem;
  padding-left: 0.11rem;
  position: relative;
  opacity: 0.87;
}
.component-bs-province-selector-wrapper .dropdown-trigger .dropdown-icon {
  position: absolute;
  right: 0.11rem;
  top: 50%;
  transform: translateY(-50%);
}
.component-bs-province-selector-dropdown-wrapper {
  background: #20202b;
  border-radius: 0.04rem;
  max-width: 4rem;
}
.component-bs-province-selector-dropdown-wrapper .area-content {
  padding: 0.16rem;
  padding-top: 0.08rem;
  max-height: 3rem;
  overflow-y: auto;
}
.component-bs-province-selector-dropdown-wrapper .area-title {
  color: rgba(255, 255, 255, 0.87);
  font-size: 0.12rem;
  padding: 0.08rem 0;
}
.component-bs-province-selector-dropdown-wrapper .province-checkbox-group {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0.04rem 0;
}
.component-bs-province-selector-dropdown-wrapper .province-checkbox-group .ant-checkbox-wrapper {
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  font-size: 0.12rem;
  margin-right: 0.08rem;
  padding: 0.02rem;
  margin-left: 0;
}

.component-bs-province-history-config-selector-dropdown-wrapper {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.12rem;
  width: 4rem;
  background: #30303D;
  border-radius: 0.06rem;
  max-height: 4rem;
  overflow-y: auto;
}
.component-bs-province-history-config-selector-dropdown-wrapper .bs-history-config-item {
  padding: 0.16rem 0.16rem 0.1rem 0.16rem;
  position: relative;
  display: flex;
  align-items: center;
}
.component-bs-province-history-config-selector-dropdown-wrapper .bs-history-config-item .bs-history-province-radio {
  margin: 0;
  width: 0.16rem;
  height: 0.16rem;
  margin-right: 0.12rem;
}
.component-bs-province-history-config-selector-dropdown-wrapper .bs-history-config-item:not(:last-child):after {
  position: absolute;
  content: '';
  height: 0.01rem;
  width: 94%;
  left: 3%;
  bottom: 0;
  background: rgba(255, 255, 255, 0.05);
}
.component-bs-province-history-config-selector-dropdown-wrapper .bs-history-config-item .bs-history-title {
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 0.16rem;
  font-weight: 400;
}
.component-bs-province-history-config-selector-dropdown-wrapper .bs-history-config-item:hover {
  background: rgba(255, 255, 255, 0.04);
}
.component-bs-province-history-config-selector-dropdown-wrapper .bs-history-config-item .bs-single-history-group-description,
.component-bs-province-history-config-selector-dropdown-wrapper .bs-history-config-item .bs-single-history-group-provinces {
  margin: 0.06rem 0;
}
.component-bs-province-history-config-selector-dropdown-wrapper .bs-history-config-item .bs-single-history-group-description {
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.16rem;
  font-weight: 400;
}
.component-bs-province-history-config-selector-dropdown-wrapper .bs-history-config-item .bs-single-history-group-provinces {
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.87);
  line-height: 0.18rem;
  font-weight: 400;
}
.component-bs-province-history-config-selector-dropdown-wrapper .empty-history-province-config {
  padding: 0.16rem 0.12rem;
}
.component-bs-province-history-config-selector-wrapper .target-config-province-row-use-history {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.12rem;
}

.dVcndL2Mir6oVTfAg5A5 {
  height: 1.9rem;
  position: relative;
}
.dVcndL2Mir6oVTfAg5A5 .component-echarts-wrap .legend-line-wrap {
  position: absolute;
  bottom: 0;
  padding: 0 0.16rem;
}
.dVcndL2Mir6oVTfAg5A5 .component-echarts-wrap .legend-line-wrap .legend-line {
  min-height: auto;
}
.dVcndL2Mir6oVTfAg5A5 .component-echarts-wrap .legend-line-wrap .legend-line .legend-line-item {
  margin-bottom: rem;
  line-height: 0.14rem;
}
.dVcndL2Mir6oVTfAg5A5 .component-echarts-wrap .legend-line-wrap .legend-line-item-icon {
  width: 0.04rem;
  border-bottom-width: 0.01rem !important;
  border-radius: 0.2rem;
}
.dVcndL2Mir6oVTfAg5A5 .component-echarts-wrap .legend-line-wrap .legend-line-item-name {
  font-family: PingFangSC-Regular;
  font-size: 0.1rem;
  line-height: 0.14rem;
  font-weight: 400;
}

.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content {
  width: 4.24rem;
  padding: 0;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .target-config-scollable-content-container {
  max-height: 3.12rem;
  overflow-y: auto;
  padding: 0.16rem;
  padding-bottom: 0.2rem;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .config-row {
  display: flex;
  align-items: baseline;
  padding-top: 0.16rem;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .target-config-row {
  display: flex;
  align-items: center;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .target-config-row:not(:last-child) {
  margin-bottom: 0.08rem;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .monitor-day-type-row {
  margin-bottom: 0.08rem;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .monitor-day-type-radio-group > * {
  margin-right: 0.24rem;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .target-config-unify-row,
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .target-config-province-row {
  margin-bottom: 0.08rem;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .target-config-unify-row-hint {
  margin-top: 0.04rem;
  opacity: 0.5;
  font-size: 0.1rem;
  color: white;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .target-config-province-row {
  display: flex;
  align-items: center;
  gap: 0.08rem;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .rest-province-config-label {
  border-radius: 0.04rem;
  width: 1.6rem;
  height: 0.32rem;
  padding: 0.08rem 0.12rem;
  color: rgba(255, 255, 255, 0.87);
  font-size: 0.12rem;
  background: #20202b;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .delete-btn-placeholder,
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .target-config-province-row-delete {
  width: 0.14rem;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .target-config-province-row-input {
  flex: 1;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .target-config-province-row-delete {
  color: rgba(255, 255, 255, 0.5);
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .target-config-province-row-add {
  font-size: 0.12rem;
  margin-top: 0.08rem;
  margin-bottom: 0.24rem;
  display: flex;
  align-items: center;
  gap: 0.16rem;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .target-config-province-row-add .target-config-province-row-add-icon,
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .target-config-province-row-add .target-config-province-row-add-text {
  color: #FC3C55;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .config-label,
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .config-title {
  font-family: PingFangSC-Regular;
  opacity: 0.87;
  font-size: 0.12rem;
  color: white;
  line-height: 0.16rem;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .config-row-label {
  margin-right: 0.16rem;
  white-space: nowrap;
}
.component-monitor-date-target-selector-dropdown-wrapper .monitor-date-target-selector-dropdown-content .config-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.16rem 0.14rem 0.16rem 0;
}
.component-custom-dropdown-wrapper .date-label,
.component-custom-dropdown-wrapper .target-label {
  opacity: 0.38;
}
.component-custom-dropdown-wrapper .date-value,
.component-custom-dropdown-wrapper .target-value {
  margin: 0 0.08rem;
}

.iHX2lCDC_DQkvpkU0YvR {
  width: 3.32rem;
  margin-top: 0.08rem;
  height: 4.4rem;
  overflow: hidden;
}
.iHX2lCDC_DQkvpkU0YvR.component-module-wrap .module-title-wrap {
  padding-bottom: 0;
  height: 0.38rem;
}
.iHX2lCDC_DQkvpkU0YvR.component-module-wrap .content-wrap {
  padding-left: 0;
  padding-right: 0;
}

.data-screen-config-wrapper {
  width: 7rem;
  margin-right: 0.08rem;
  height: 0.44rem;
  background: #1A1A23;
  border-radius: 0.08rem;
  position: relative;
  display: flex;
  align-items: center;
}
.data-screen-config-wrapper .config-label {
  opacity: 0.38;
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  color: #FFFFFF;
  line-height: 0.16rem;
  font-weight: 400;
}
.data-screen-config-wrapper .config-value {
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  color: #FFFFFF;
  line-height: 0.16rem;
  font-weight: 400;
}
.data-screen-config-wrapper > *:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 25%;
  right: 0;
  width: 0.01rem;
  height: 50%;
  opacity: 0.03;
  background: #FFFFFF;
  border-radius: 0.08rem;
}

.component-chart-star-wrap {
  width: 0.74rem;
  display: flex;
  flex-wrap: nowrap;
}
.component-chart-star-wrap .text {
  color: rgba(255, 255, 255, 0.5);
  font-family: PingFangTC-Light;
  font-size: 0.08rem;
  line-height: 0.12rem;
  font-weight: 200;
  margin-top: 0.02rem;
  white-space: nowrap;
}
.component-chart-star-wrap .star {
  width: 0.1rem;
  height: 0.1rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.component-chart-star-wrap .left-star-wrap .star {
  background-image: url('https://p0.pipi.cn/mediaplus/fe_rock_web/0fa334526e36e382bf374cb8ab4b6015c8622.png?imageMogr2/thumbnail/2500x2500%3E');
}
.component-chart-star-wrap .left-star-wrap .text {
  text-align: left;
}
.component-chart-star-wrap .right-star-wrap {
  margin-left: 0.1rem;
}
.component-chart-star-wrap .right-star-wrap .star {
  background-image: url('https://p0.pipi.cn/mediaplus/fe_rock_web/0fa334526e36e382bfd7e4d865d3b9594dd79.png?imageMogr2/thumbnail/2500x2500%3E');
}
.component-chart-star-wrap .right-star-wrap .text {
  text-align: right;
}

.component-two-color-bar-wrap {
  width: 1.2rem;
  display: flex;
}
.component-two-color-bar-wrap .text {
  color: rgba(255, 255, 255, 0.5);
  font-family: PingFangTC-Light;
  font-size: 0.08rem;
  line-height: 0.12rem;
  font-weight: 200;
  margin-top: 0.02rem;
}
.component-two-color-bar-wrap .bar-wrap {
  width: 0.6rem;
}
.component-two-color-bar-wrap .bar {
  height: 0.02rem;
}
.component-two-color-bar-wrap .left-bar-wrap .bar {
  background-image: linear-gradient(270deg, rgba(118, 206, 255, 0.1) 0%, #76CEFF 100%);
}
.component-two-color-bar-wrap .left-bar-wrap .text {
  text-align: left;
}
.component-two-color-bar-wrap .right-bar-wrap .bar {
  background-image: linear-gradient(270deg, #FC3B59 0%, rgba(252, 59, 89, 0.1) 100%);
}
.component-two-color-bar-wrap .right-bar-wrap .text {
  text-align: right;
}

.component-single-color-bar-wrap {
  width: 0.9rem;
}
.component-single-color-bar-wrap .text {
  color: rgba(255, 255, 255, 0.5);
  font-family: PingFangTC-Light;
  font-size: 0.08rem;
  line-height: 0.12rem;
  font-weight: 200;
  margin-top: 0.02rem;
}
.component-single-color-bar-wrap .bar-wrap {
  width: 0.9rem;
  height: 0.02rem;
  background-image: linear-gradient(270deg, #FC3B59 0%, rgba(252, 59, 89, 0.1) 100%);
}
.component-single-color-bar-wrap .text-wrap {
  display: flex;
  justify-content: space-between;
}

.component-bvalue-bar-wrap .bar-wrap {
  width: 0.4rem;
  height: 0.02rem;
  background: linear-gradient(-45deg, gray 0, gray 25%, transparent 25%, transparent 50%, gray 50%, gray 75%, transparent 75%, transparent);
  background-size: 0.04rem 0.04rem;
}
.component-bvalue-bar-wrap .text {
  color: rgba(255, 255, 255, 0.5);
  font-family: PingFangTC-Light;
  font-size: 0.08rem;
  line-height: 0.12rem;
  font-weight: 200;
  margin-top: 0.02rem;
}

/**
 * 多行省略（容器可以不设置高度）
 * @lineNum 行数
 */
.component-bigscreen-movie-legend-wrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  font-family: PingFangSC-Regular;
  color: rgba(255, 255, 255, 0.38);
  line-height: 0.14rem;
  font-weight: 400;
}
.component-bigscreen-movie-legend-wrap .legend-item {
  margin-right: 0.09rem;
  display: flex;
  align-items: center;
  min-height: auto;
}
.component-bigscreen-movie-legend-wrap .legend-item .legend-bar {
  width: 0.04rem;
  height: 0.01rem;
  margin-right: 0.06rem;
}
.component-bigscreen-movie-legend-wrap .legend-item .legend-bar.rect {
  height: 0.04rem;
}
.component-bigscreen-movie-legend-wrap .legend-item .legend-item-text {
  white-space: nowrap;
  line-height: 0.16rem;
  font-size: 0.1rem;
  color: rgba(255, 255, 255, 0.38);
  font-family: PingFangSC-Regular;
}

.component-bigscreen-province-legend-wrap {
  bottom: 0.5rem;
  display: flex;
  align-items: baseline;
  cursor: auto;
}
.component-bigscreen-province-legend-wrap .bvalue-wrap {
  margin-left: 0.16rem;
}

.QaiX9jPHSAeoIYagTKR2 {
  position: relative;
  height: 100%;
  width: 0;
  flex-grow: 1;
}
.QaiX9jPHSAeoIYagTKR2 .UYBMnkGWOvPSPnXi0wer {
  position: absolute;
  left: 0;
  bottom: 0.24rem;
  width: 100%;
}
.QaiX9jPHSAeoIYagTKR2 .UYBMnkGWOvPSPnXi0wer .component-bigscreen-province-legend-wrap {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.QaiX9jPHSAeoIYagTKR2 .UYBMnkGWOvPSPnXi0wer .component-bigscreen-province-legend-wrap .bvalue-wrap {
  margin-left: 0;
}
.QaiX9jPHSAeoIYagTKR2 .JIHnSJ9JgzYMfNUIDnyp {
  position: absolute;
  bottom: 0.2rem;
  width: 100%;
  justify-content: center;
}
.QaiX9jPHSAeoIYagTKR2 .JIHnSJ9JgzYMfNUIDnyp .component-bigscreen-movie-legend-wrap {
  flex-wrap: wrap;
  justify-content: center;
}
.bigscreen-province-compare-tooltip .tooltip-title {
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.08rem;
  color: #D5D5D5;
  letter-spacing: 0;
  line-height: 0.12rem;
  font-weight: 400;
}
.bigscreen-province-compare-tooltip .province-name-wrap {
  display: flex;
  align-items: center;
  font-family: PingFangSC-Medium;
  font-size: 0.1rem;
  color: #D5D5D5;
  letter-spacing: 0;
  line-height: 0.14rem;
  font-weight: 500;
  margin-top: 0.02rem;
}
.bigscreen-province-compare-tooltip .province-name-wrap .rank {
  margin-left: 0.04rem;
}
.bigscreen-province-compare-tooltip .province-name-wrap .star {
  width: 0.12rem;
  height: 0.12rem;
  margin-left: 0.02rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.bigscreen-province-compare-tooltip .province-name-wrap .star.rank-1 {
  background-image: url('https://p0.pipi.cn/mediaplus/fe_rock_web/0fa334523d66e36e383cbcf8834a5a30ba42c.png?imageMogr2/thumbnail/2500x2500%3E');
}
.bigscreen-province-compare-tooltip .province-name-wrap .star.rank-2 {
  background-image: url('https://p0.pipi.cn/mediaplus/fe_rock_web/0fa334523d66e36e383cbcf8834a5a30ba42c.png?imageMogr2/thumbnail/2500x2500%3E');
}
.bigscreen-province-compare-tooltip .tooltip-content-wrap {
  margin-top: 0.08rem;
}
.bigscreen-province-compare-tooltip .tooltip-content-wrap .top-content {
  padding-bottom: 0.06rem;
}
.bigscreen-province-compare-tooltip .tooltip-content-wrap .bottom-content {
  padding-top: 0.06rem;
  border-top: 0.01rem solid rgba(255, 255, 255, 0.08);
}
.bigscreen-province-compare-tooltip .tooltip-content-wrap .line-wrap {
  display: flex;
  align-items: center;
}
.bigscreen-province-compare-tooltip .tooltip-content-wrap .line-wrap .label {
  width: 0.64rem;
  margin-right: 0.24rem;
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.08rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.14rem;
  font-weight: 400;
}
.bigscreen-province-compare-tooltip .tooltip-content-wrap .line-wrap .num {
  font-family: MaoYanHeiTi-Regular;
  font-size: 0.08rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: right;
  line-height: 0.14rem;
  font-weight: 400;
}

.bigscreen-province-map-tooltip .tooltip-title {
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.1rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.12rem;
  font-weight: 400;
}
.bigscreen-province-map-tooltip .province-name-wrap {
  display: flex;
  align-items: center;
  font-family: PingFangSC-Medium;
  font-size: 0.1rem;
  color: #FFF;
  letter-spacing: 0;
  line-height: 0.14rem;
  font-weight: 500;
  margin-top: 0.04rem;
}
.bigscreen-province-map-tooltip .province-name-wrap .rank {
  margin-left: 0.04rem;
}
.bigscreen-province-map-tooltip .province-name-wrap .star {
  width: 0.12rem;
  height: 0.12rem;
  margin-left: 0.02rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.bigscreen-province-map-tooltip .province-name-wrap .star.rank-1 {
  background-image: url('https://p0.pipi.cn/mediaplus/fe_rock_web/0fa334526e36e382bf374cb8ab4b6015c8622.png?imageMogr2/thumbnail/2500x2500%3E');
}
.bigscreen-province-map-tooltip .province-name-wrap .star.rank-2 {
  background-image: url('https://p0.pipi.cn/mediaplus/fe_rock_web/0fa334526e36e382bfd7e4d865d3b9594dd79.png?imageMogr2/thumbnail/2500x2500%3E');
}
.bigscreen-province-map-tooltip .tooltip-content-wrap {
  margin-top: 0.08rem;
}
.bigscreen-province-map-tooltip .tooltip-content-wrap .top-content {
  padding-bottom: 0.06rem;
  border-bottom: 0.01rem solid rgba(255, 255, 255, 0.08);
}
.bigscreen-province-map-tooltip .tooltip-content-wrap .top-content + .bottom-content {
  padding-top: 0.06rem;
}
.bigscreen-province-map-tooltip .tooltip-content-wrap .line-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.04rem;
}
.bigscreen-province-map-tooltip .tooltip-content-wrap .line-wrap:first-child {
  margin-top: 0;
}
.bigscreen-province-map-tooltip .tooltip-content-wrap .line-wrap .label-wrap {
  display: flex;
  align-items: center;
}
.bigscreen-province-map-tooltip .tooltip-content-wrap .line-wrap .label-wrap .red-tag {
  background-color: #FC3C55;
  padding: 0.01rem 0.01rem;
  color: #fff;
  font-size: 0.06rem;
  line-height: 0.08rem;
  margin-left: 0.02rem;
  border-radius: 0.02rem;
}
.bigscreen-province-map-tooltip .tooltip-content-wrap .line-wrap .label-wrap .rank-num-tag {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 0.01rem 0.01rem;
  color: #fff;
  font-size: 0.06rem;
  line-height: 0.08rem;
  margin-left: 0.02rem;
  border-radius: 0.02rem;
}
.bigscreen-province-map-tooltip .tooltip-content-wrap .line-wrap .label {
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.1rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.14rem;
  font-weight: 400;
}
.bigscreen-province-map-tooltip .tooltip-content-wrap .line-wrap .num {
  width: 0.5rem;
  font-family: MaoYanHeiTi-Regular;
  font-size: 0.1rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.14rem;
  font-weight: 400;
  text-align: right;
}

.component-bigscreen-scroll-table {
  width: 100%;
  overflow: hidden;
}
.component-bigscreen-scroll-table .table-inner-wrap {
  width: calc(100% + 0.2rem);
  padding-right: 0.2rem;
  overflow-y: auto;
}

.iPxq_s6gA_KK0eoUYlKu {
  width: 2.9rem;
  height: 100%;
  flex-shrink: 0;
}
.iPxq_s6gA_KK0eoUYlKu .I1ZxIQOmNHuL3I9uuir2 {
  display: flex;
  align-items: center;
}
.iPxq_s6gA_KK0eoUYlKu .I1ZxIQOmNHuL3I9uuir2 .vNuQRXhXtq5St_Q65gs0 {
  margin-right: 0.05rem;
}
.iPxq_s6gA_KK0eoUYlKu .kZmCHIS0dELOvpuaSwyJ {
  display: flex;
}
.iPxq_s6gA_KK0eoUYlKu .ZA9DC9hN4bT_oRUlnsQd {
  justify-content: flex-end;
}
.iPxq_s6gA_KK0eoUYlKu .PT78NCmeDq1Ef9kKr0Zd {
  margin-right: 0.05rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.iPxq_s6gA_KK0eoUYlKu .tWPgzYNBTWRySheo5cuz {
  display: flex;
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.1rem;
  color: #FFFFFF;
  line-height: 0.16rem;
  font-weight: 400;
  height: 100%;
  cursor: default;
}
.iPxq_s6gA_KK0eoUYlKu .tWPgzYNBTWRySheo5cuz .Jfm7Fh_6XRDvCmiVWIX5 .t0C1fWlLoQ686lxVsDkc {
  line-height: 0.16rem;
  white-space: nowrap;
}
.iPxq_s6gA_KK0eoUYlKu .tWPgzYNBTWRySheo5cuz .Jfm7Fh_6XRDvCmiVWIX5 .IarTtA1AGj6V0eqkL_MW {
  opacity: 0.5;
  font-family: PingFangSC-Light;
  font-size: 0.08rem;
  color: #FFFFFF;
  line-height: 0.12rem;
  font-weight: 200;
  white-space: nowrap;
}
.iPxq_s6gA_KK0eoUYlKu .tWPgzYNBTWRySheo5cuz .lXxNikvH7PVeAKNpzLQk {
  background-image: linear-gradient(180deg, rgba(18, 18, 25, 0.6) 67%, rgba(26, 26, 35, 0) 100%);
  height: 100%;
  border-radius: 0.08rem;
  padding: 0.08rem 0.16rem;
  margin-right: 0.08rem;
  width: 1.04rem;
  flex-shrink: 0;
}
.iPxq_s6gA_KK0eoUYlKu .tWPgzYNBTWRySheo5cuz .KRNiHJ2vlcYcxJGBANy6 {
  max-height: calc(100% - 0.2rem);
  overflow-y: auto;
}
.iPxq_s6gA_KK0eoUYlKu .tWPgzYNBTWRySheo5cuz .KRNiHJ2vlcYcxJGBANy6 .ZHKr0gFvX5imqqXIMJO6 {
  margin-top: 0.12rem;
  line-height: 0.16rem;
}

.r2G5TWySa8wECJFYDCjd {
  width: 7.28rem;
  margin-top: 0.08rem;
  height: 5.68rem;
  overflow: hidden;
}
.r2G5TWySa8wECJFYDCjd .hdj2npM8wlhbkzuf4rNP {
  font-family: PingFangSC-Light;
  font-size: 0.13rem;
  line-height: 0.18rem;
  height: 0.54rem;
  color: #FFFFFF;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.r2G5TWySa8wECJFYDCjd .ARfpykVbje680KaqzoKQ {
  display: flex;
  justify-content: space-between;
}

@font-face {
  font-family: "MaoYanHeiTi-Regular";
  src: url("https://obj.pipi.cn/festatic/common/media/1625046648605-MaoYanHeiTi-Regular.otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "MaoYanHeiTi-Light";
  src: url("https://obj.pipi.cn/festatic/common/media/1699521081279-MaoYanHeiTi-Light.otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'MaoYanHeiTi-DemiBold';
  src: url('https://obj.pipi.cn/festatic/common/media/1621329118480-MaoYanHeiTi-DemiBold.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MaoYanHeiTi-Bold';
  src: url('https://obj.pipi.cn/festatic/common/media/1625046648605-MaoYanHeiTi-Regular.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MaoYanHeiTi-H-H";
  src: url(data:font/truetype;charset=utf-8;base64,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) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MaoYanHeiTi-H1';
  src: url('https://obj.pipi.cn/festatic/common/media/1640574365481-MaoYanHeiTi-H1.otf');
}
@font-face {
  font-family: "MaoYanHeiTi-H";
  src: url("https://obj.pipi.cn/festatic/common/media/1636697816984-MaoYanHeiTi-H.otf");
}
@font-face {
  font-family: "DingTalk-JinBuTi";
  src: url("https://obj.pipi.cn/festatic/common/media/1726121219830-DingTalk%20JinBuTi.ttf");
}

.component-rolling-number-wrapper {
  font-family: MaoYanHeiTi-Regular;
  color: rgba(255, 255, 255, 0.87);
  position: relative;
  font-size: 0.24rem;
  font-weight: 400;
  display: flex;
  align-items: baseline;
  width: 100%;
}
.component-rolling-number-wrapper .current-value {
  display: inline-block;
}
.component-rolling-number-wrapper .current-value-unit {
  font-size: 0.12rem;
  margin-right: 0.08rem;
}
.component-rolling-number-wrapper .difference {
  position: relative;
  font-size: 0.12rem;
  white-space: nowrap;
  opacity: 0;
  animation: slideInFadeOut 2.5s ease forwards;
}
.component-rolling-number-wrapper .difference.red {
  color: #FC3B59;
}
.component-rolling-number-wrapper .difference.green {
  color: #43D2A7;
}
@keyframes slideInFadeOut {
  0% {
    bottom: 0;
    opacity: 0;
  }
  10% {
    bottom: 0.1rem;
    opacity: 1;
  }
  80% {
    bottom: 0.1rem;
    opacity: 1;
  }
  100% {
    bottom: 0.1rem;
    opacity: 0;
  }
}

.component-indicator-card-wrapper {
  color: rgba(255, 255, 255, 0.87);
  padding: 0.16rem;
  padding-bottom: 0.14rem;
  background: #1A1A23;
  border-radius: 0.08rem;
  display: inline-block;
}
.component-indicator-card-wrapper .indicator-card-title-row {
  display: flex;
  align-items: center;
  gap: 0.04rem;
  font-size: 0.14rem;
  margin-bottom: 0.04rem;
}
.component-indicator-card-wrapper .indicator-card-title-row .indicator-rank {
  font-family: PingFangSC-Medium;
  font-weight: 500;
}
.component-indicator-card-wrapper .sub-indicator-row {
  margin-top: 0.02rem;
  font-size: 0.12rem;
  line-height: 0.2rem;
  min-height: 0.2rem;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.component-preshow-indicator-board-wrap {
  display: flex;
  align-items: center;
  gap: 0.08rem;
}
.component-preshow-indicator-board-wrap .preshow-indicator-card {
  width: 1.76rem;
  height: 1.08rem;
}
.component-inshow-day-indicator-board-wrap {
  background: rgba(45, 45, 56, 0.2);
  border-radius: 0.08rem;
  display: flex;
  flex-direction: column;
  width: 2.23rem;
}
.component-inshow-day-indicator-board-wrap .date-tag-container {
  background: #1A1A23;
}
.component-inshow-day-indicator-board-wrap .date-tag {
  display: inline-block;
  color: #fff;
  padding: 0 0.16rem;
  background: #31313D;
  border-radius: 0.08rem 0 0.12rem 0;
  font-size: 0.12rem;
  line-height: 0.2rem;
  height: 100%;
}
.component-inshow-day-indicator-board-wrap .component-indicator-card-wrapper {
  padding: 0.1rem 0.16rem 0.15rem 0.14rem;
}
.component-inshow-day-indicator-board-wrap .component-indicator-card-wrapper .indicator-card-title-row {
  margin-bottom: 0.02rem;
}
.component-inshow-day-indicator-board-wrap .component-indicator-card-wrapper .indicator-title,
.component-inshow-day-indicator-board-wrap .component-indicator-card-wrapper .indicator-rank {
  font-size: 0.12rem;
}
.component-inshow-day-indicator-board-wrap .component-indicator-card-wrapper .sub-indicator-left-container {
  font-size: 0.1rem;
  white-space: nowrap;
}
.component-inshow-day-indicator-board-wrap .component-indicator-card-wrapper .component-rolling-number-wrapper {
  font-size: 0.18rem;
}
.component-inshow-day-indicator-board-wrap .inshow-day-indicator-card {
  height: 0.94rem;
}
.component-inshow-day-indicator-board-wrap .inshow-day-indicator-card:not(:last-child) {
  position: relative;
}
.component-inshow-day-indicator-board-wrap .inshow-day-indicator-card:not(:last-child)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 7%;
  width: 86%;
  height: 0.01rem;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
}

.component-multi-day-indicators-wrapper {
  margin-left: 0.16rem;
  background: transparent;
}
.component-multi-day-indicators-wrapper .content-wrap {
  padding: 0;
}
.component-multi-day-indicators-wrapper .line-wrap {
  height: 2.08rem;
  margin-bottom: 0.08rem;
  overflow: hidden;
}
.component-multi-day-indicators-wrapper .module-title-wrap {
  padding-bottom: 0.14rem;
}
.component-multi-day-indicators-wrapper .component-inshow-day-indicator-board-wrap {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.component-bigscreen-select-dropdown-wrap.ant-dropdown {
  background-color: #272734;
  border-radius: 0.06rem;
}
.component-bigscreen-select-dropdown-wrap.ant-dropdown .ant-dropdown-menu {
  background-color: #272734;
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 400;
}
.component-bigscreen-select-dropdown-wrap.ant-dropdown .ant-dropdown-menu-item,
.component-bigscreen-select-dropdown-wrap.ant-dropdown .ant-dropdown-menu-submenu-title {
  color: rgba(255, 255, 255, 0.5);
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 400;
  padding: 0.1rem 0.12rem;
}
.component-bigscreen-select-dropdown-wrap.ant-dropdown .ant-dropdown-menu-item:hover,
.component-bigscreen-select-dropdown-wrap.ant-dropdown .ant-dropdown-menu-submenu-title:hover,
.component-bigscreen-select-dropdown-wrap.ant-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-item-active,
.component-bigscreen-select-dropdown-wrap.ant-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
.component-bigscreen-select-dropdown-wrap.ant-dropdown .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
.component-bigscreen-select-dropdown-wrap.ant-dropdown .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active {
  background-color: rgba(255, 255, 255, 0.04);
  color: #fff;
}
.component-bigscreen-select-dropdown-wrap.ant-dropdown .ant-dropdown-menu-item-selected,
.component-bigscreen-select-dropdown-wrap.ant-dropdown .ant-dropdown-menu-submenu-title-selected {
  background-color: rgba(255, 255, 255, 0.04);
  color: #fff;
}
.component-bigscreen-select-value-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 2.06rem;
  background: #20202B;
  border-radius: 0.04rem;
  padding: 0.1rem 0.12rem;
}
.component-bigscreen-select-value-wrap .value-content {
  display: flex;
  flex-grow: 1;
  font-family: PingFangSC-Regular;
  color: rgba(255, 255, 255, 0.87);
  line-height: 0.16rem;
  font-weight: 400;
  font-size: 0.12rem;
}
.component-bigscreen-select-value-wrap .dropdown-arrow {
  flex-shrink: 0;
  width: 0.1rem;
  height: 0.1rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('https://p0.pipi.cn/mediaplus/fe_rock_web/0fa334523d65c2a2198b0742546d5c4dddc83.png?imageMogr2/thumbnail/2500x2500%3E');
}

.rkf_8byWhfwXgtcEqMRn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.rkf_8byWhfwXgtcEqMRn .e8UCnkArF2vM5kvKmW6X {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
  flex-grow: 1;
}
.rkf_8byWhfwXgtcEqMRn .VXdfX4FK8EyblDF998Q5 {
  margin-left: 0.08rem;
  margin-right: 0.08rem;
  opacity: 0.38;
  font-family: PingFangSC-Regular;
  font-size: 0.14rem;
  color: #FFFFFF;
  font-weight: 400;
}

.jYjH7nTwbBIaCfnmXVTe {
  width: 3.32rem;
  margin-top: 0.08rem;
  height: 6.84rem;
  overflow: hidden;
}
.jYjH7nTwbBIaCfnmXVTe .I5hUuOl_8eZvjR0FU10U {
  display: flex;
}
.jYjH7nTwbBIaCfnmXVTe .I5hUuOl_8eZvjR0FU10U .NjhWyTxZ8CzGHRKAvQHE {
  margin-left: 0.08rem;
}
.jYjH7nTwbBIaCfnmXVTe .QZGCMyFtxJVbRt3X9RFn {
  margin-top: 0.16rem;
}

.component-hover-overflow-text-wrap {
  position: relative;
}
.component-hover-overflow-text-wrap .main-text,
.component-hover-overflow-text-wrap .hover-text {
  font-family: PingFangSC-Light;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
  text-align: justify;
  line-height: 16px;
  font-weight: 200;
}
.component-hover-overflow-text-wrap .main-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 64px;
}
.component-hover-overflow-text-wrap .hover-text {
  display: block;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  padding: inherit;
}
.component-hover-overflow-text-wrap.overflow:hover .main-text {
  visibility: hidden;
}
.component-hover-overflow-text-wrap.overflow:hover .hover-text {
  display: block;
  visibility: visible;
  color: #fff;
}

.w6bfTXUS5gyO55BmBDKU .iWoz61Bn7tAErjESiVp_ {
  display: flex;
  align-items: center;
}
.w6bfTXUS5gyO55BmBDKU .iWoz61Bn7tAErjESiVp_ .Qv5OkeiIDLhsSkth03fg {
  margin-right: 0.05rem;
}
.w6bfTXUS5gyO55BmBDKU .qRJ1Fbja95wvWKkYitvb {
  display: flex;
}
.w6bfTXUS5gyO55BmBDKU .ckufemOlg1hFAkfZ96ld {
  justify-content: flex-end;
}
.w6bfTXUS5gyO55BmBDKU .fG4YhvJPEp4YKZcLMpuw {
  margin-right: 0.05rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Rg8xfXVha1pZAMh4vg3V {
  width: calc(2.94rem + 0.16rem);
  height: 100%;
}

.dL5SpQdBm6ZSoI9nJxdE {
  width: 2.66rem;
  flex-shrink: 0;
  flex-grow: 0;
}

.gqyzL6rERDxmzfgKehKg {
  display: flex;
  background-color: #1a1a22;
  margin-bottom: 0.08rem;
  padding: 0.16rem;
  align-items: center;
}

.kf73IUgpd1BMKVEVamzc {
  width: 5.92rem;
  height: 7.08rem;
  background-color: #13131A;
}
.kf73IUgpd1BMKVEVamzc .CKU3uktXykKwjooR0AAo {
  display: flex;
  align-items: center;
}
.kf73IUgpd1BMKVEVamzc .CKU3uktXykKwjooR0AAo .R1p8qglLxLBMaGcZW_FZ {
  margin-right: 0.1rem;
}
.kf73IUgpd1BMKVEVamzc.component-module-wrap .content-wrap {
  padding-left: 0;
  padding-right: 0;
}
.kf73IUgpd1BMKVEVamzc.component-module-wrap .module-title-wrap {
  height: 0.52rem;
}
.kf73IUgpd1BMKVEVamzc .WAeo9L9qvdMLQmWE4KwG {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-left: 0.1rem;
}
.kf73IUgpd1BMKVEVamzc .yqizO9Pomux3QORlDl9y {
  height: 2.08rem;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  background-color: #1a1a22;
  margin-bottom: 0.08rem;
  padding: 0.16rem;
  padding-left: 0;
}


.GTx3l98CW7cWVFHVcYbZ {
  width: 6.08rem;
  height: 7.08rem;
}
.GTx3l98CW7cWVFHVcYbZ .uFuTbcV49Pgaq3s41NyL {
  display: flex;
  align-items: center;
}
.GTx3l98CW7cWVFHVcYbZ .uFuTbcV49Pgaq3s41NyL .psgh1hqsj7_iDTPRRxvR {
  margin-right: 0.1rem;
}
.GTx3l98CW7cWVFHVcYbZ.component-module-wrap .content-wrap {
  padding-left: 0;
  padding-right: 0.16rem;
}
.GTx3l98CW7cWVFHVcYbZ.component-module-wrap .module-title-wrap {
  height: 0.52rem;
  padding-right: 0.16rem;
}
.GTx3l98CW7cWVFHVcYbZ .Kv2MYSei9DyFgFvmYjXS {
  display: flex;
  align-items: center;
}
.GTx3l98CW7cWVFHVcYbZ .Kv2MYSei9DyFgFvmYjXS .component-chart-star-wrap {
  margin-left: 0.1rem;
}
.GTx3l98CW7cWVFHVcYbZ .fA3hgHVYYCQmZAWOauR6 {
  width: 3.28rem;
  flex-shrink: 0;
  flex-grow: 0;
  height: 100%;
}
.GTx3l98CW7cWVFHVcYbZ .Uh7S76TAeiEfLTsrs2FI {
  height: 2.08rem;
  overflow: hidden;
  border-top-right-radius: 0.08rem;
}

.zMSphOu2IP5SFskGFy5g {
  font-family: PingFangSC-Regular;
  height: 8rem;
  width: 14.4rem;
  overflow: hidden;
  position: relative;
  background: #121219;
  color: #fff;
  transform-origin: top left;
}
.zMSphOu2IP5SFskGFy5g:not(.ZwdAdgVlWiiiGAtk0Yd4) {
  border-radius: 0.16rem;
}
.zMSphOu2IP5SFskGFy5g.kXeE1P55xvx9XBJfkSDH * {
  cursor: none !important;
}
.zMSphOu2IP5SFskGFy5g.kXeE1P55xvx9XBJfkSDH .component-bigscreen-select-value-wrap .dropdown-arrow {
  visibility: hidden;
}
.zMSphOu2IP5SFskGFy5g .G4HMbUhI7sAh8fUxd54u {
  display: flex;
  align-items: center;
  margin: 0 0.16rem;
}
.zMSphOu2IP5SFskGFy5g .G4HMbUhI7sAh8fUxd54u .rkh0v0jYyrwCALwEDWYY {
  flex: 1;
}
.zMSphOu2IP5SFskGFy5g .cq4OviRvUM7V612dsNgO {
  display: flex;
  margin-top: 0.02rem;
}
.zMSphOu2IP5SFskGFy5g .r5n4FVmxmX1sQFoY5MLe {
  margin-left: 0.16rem;
}
.zMSphOu2IP5SFskGFy5g .C8w4EIjB88JYCoqz5ITg {
  margin-top: 0.08rem;
  margin-left: 0.08rem;
}
.zMSphOu2IP5SFskGFy5g .de72geAoKxm3zy4Fq5p0 {
  margin-left: 0.08rem;
}
.zMSphOu2IP5SFskGFy5g .YVF3jwFmKRyVqC__tgGb .r5n4FVmxmX1sQFoY5MLe {
  margin-left: 0;
}
.zMSphOu2IP5SFskGFy5g .YVF3jwFmKRyVqC__tgGb .C8w4EIjB88JYCoqz5ITg:before,
.zMSphOu2IP5SFskGFy5g .YVF3jwFmKRyVqC__tgGb .de72geAoKxm3zy4Fq5p0:before {
  content: '';
  display: block;
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 0.01rem;
  height: calc(100% - 0.36rem);
  z-index: 0;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 30%, transparent 30%, transparent 100%);
  background-size: 0.01rem 0.1rem;
  /* 这里的 0.01rem 是线条的宽度，0.1rem 是线条和间隔的总高度 */
}
.zMSphOu2IP5SFskGFy5g .YVF3jwFmKRyVqC__tgGb .C8w4EIjB88JYCoqz5ITg {
  margin-top: 0;
  margin-left: 0;
  position: relative;
}
.zMSphOu2IP5SFskGFy5g .YVF3jwFmKRyVqC__tgGb .de72geAoKxm3zy4Fq5p0 {
  position: relative;
  margin-left: 0;
}

.component-guide-overlay-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
}
.component-guide-overlay-wrapper .highlight-area {
  position: fixed;
  box-sizing: content-box;
  box-shadow: 0 0 0 9999rem rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease-in-out;
  border: 0.01rem white dashed;
  border-radius: 0.08rem;
  padding: 0.02rem;
}
.component-guide-overlay-content {
  color: black;
  text-align: right;
  font-size: 0.12rem;
  white-space: nowrap;
  border-radius: 0.12rem;
}
.component-guide-overlay-content .guide-description {
  text-align: left;
}
.component-guide-overlay-content .ant-popover-arrow-content::before {
  background: #FD3494;
}
.component-guide-overlay-content .ant-popover-inner,
.component-guide-overlay-content .ant-popover-inner-content {
  border-radius: 0.12rem;
}
.component-guide-overlay-content .ant-popover-inner-content {
  background-image: linear-gradient(169deg, #FC3CB3 0%, #FF1C3A);
  padding: 0.16rem 0.2rem;
  font-family: PingFangSC-Regular;
  font-size: 0.14rem;
  color: #FFFFFF;
}
.component-guide-overlay-content .guide-btns-container {
  margin-top: 0.05rem;
  text-wrap: nowrap;
  display: flex;
  justify-content: flex-end;
}
.component-guide-overlay-content .next-guide-btn {
  font-family: PingFangSC-Medium;
  font-size: 0.12rem;
  color: #FC3C55;
  text-align: center;
  line-height: 0.16rem;
  background: #FFFFFF;
  border-radius: 0.12rem;
  padding: 0.04rem 0.1rem;
  margin-left: 0.16rem;
}
.component-guide-overlay-content .close-guide-btn {
  opacity: 0.87;
  font-family: PingFangSC-Regular;
  font-size: 0.12rem;
  color: #FFFFFF;
  text-align: right;
  line-height: 0.16rem;
  padding-left: 0.37rem;
}
.component-guide-overlay-content button {
  cursor: pointer;
  background-color: transparent;
  border: none;
  margin-top: 0.11rem;
}

.component-enter-bs-hint-tooltip-wrapper {
  border: 0.01rem solid rgba(255, 255, 255, 0.1);
  border-radius: 0.23rem;
}
.component-enter-bs-hint-tooltip-wrapper .hint-container {
  display: flex;
  align-items: center;
  padding: 0.07rem 0.2rem 0.07rem 0.12rem;
  border-radius: 0.23rem;
  background: #313138;
  margin: 0.05rem;
}
.component-enter-bs-hint-tooltip-wrapper .concentric-circles-wrapper {
  position: relative;
  width: 0.2rem;
  height: 0.2rem;
}
.component-enter-bs-hint-tooltip-wrapper .concentric-circles-wrapper .outer-circle,
.component-enter-bs-hint-tooltip-wrapper .concentric-circles-wrapper .middle-circle,
.component-enter-bs-hint-tooltip-wrapper .concentric-circles-wrapper .inner-circle {
  position: absolute;
  border-radius: 50%;
  background: transparent;
  border-style: solid;
}
.component-enter-bs-hint-tooltip-wrapper .concentric-circles-wrapper .outer-circle {
  width: 100%;
  /* 最大的圆环 */
  height: 100%;
  border-width: 0.01rem;
  border-color: rgba(255, 255, 255, 0.3);
}
.component-enter-bs-hint-tooltip-wrapper .concentric-circles-wrapper .middle-circle {
  width: 50%;
  /* 中间的小圆环 */
  height: 50%;
  top: 25%;
  left: 25%;
  border-width: 0.01rem;
  border-color: rgba(255, 255, 255, 0.1);
}
.component-enter-bs-hint-tooltip-wrapper .concentric-circles-wrapper .inner-circle {
  width: 20%;
  /* 最里面的实心圆 */
  height: 20%;
  top: 40%;
  left: 40%;
  background: #ffffff;
  border: none;
}
.component-enter-bs-hint-tooltip-wrapper .hint-text {
  font-family: PingFangSC-Medium;
  font-size: 0.16rem;
  color: #FFF;
  margin-left: 0.08rem;
}