jy/src/web/staticres/common-module/report-analysis/css/report_analysis.css

.order-list-container .van-tabs__wrap {
  height: .96rem;
}
.order-list-container .van-tabs__line {
  bottom: .36rem;
}
.order-list-container .van-tab__pane {
  height: 100%;
}
.order-list-container .van-tabs__content {
  flex: 1;
  overflow-y: scroll;
  overflow-x: hidden;
}
.order-list-container .van-tabs {
  width: 100%;
}
.order-list-container .van-tab {
  font-size: .32rem;
  line-height: .4rem;
}

/* vant-reset */
.van-dialog {
  width: 6rem;
  border-radius: .16rem;
}
.van-dialog__header {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #171826;
}
.van-dialog__content {
  padding: .16rem .6rem;
}
.van-dialog__message {
  padding-left: 0;
  padding-right: 0;
  font-size: .3rem;
  line-height: .44rem;
  color: #5F5E64;
}
.van-dialog .van-button {
  font-size: 18px;
  line-height: 26px;
}

.van-dialog  .van-button--default {
  color: #171826;
}

.van-toast {
  max-width: 4.2rem;
  line-height: 1.6;
}

/* vant-custom */
.j-confirm-dialog {
  border-radius: 8px;
}
.j-confirm-dialog .van-dialog__message {
  font-size: .32rem;
  color: #171826;
  line-height: .48rem;
  text-align: left;
}
.j-confirm-dialog.text-center .van-dialog__message {
  text-align: center;
}
.j-confirm-dialog .van-button {
  font-size: .36rem;
  color: #171826;
  line-height: .52rem;
}

/* j-tag */
.j-tag {
  white-space: nowrap;
}
.j-tag.tag-orange {
  color: #FF9F3F;
  background-color: rgba(255, 159, 63, 0.1);
  border-color: rgba(255, 159, 63, 0.1);
}
.j-tag.tag-blue {
  color: #05A6F3;
  background-color: rgba(5, 166, 243, 0.1);
  border-color: rgba(5, 166, 243, 0.1);
}
.j-tag.tag-plain {
  color: #5E5E64;
  background-color: #F7F9F9;
  border-color: rgba(0, 0, 0, 0.05);
}

/* empty */
.empty-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 80%;
  padding: .32rem;
  box-sizing: border-box;
  background-color: rgba(245, 244, 249, 1);
}
.empty-container {
  min-height: 7rem;
}
.empty-main,
.empty-content-position {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.empty-content-position {
  margin-top: -1rem;
}

.empty-container .tip-text {
  margin-top: .2rem;
  color: #5F5E64;
  font-size: .28rem;
  line-height: .4rem;
  text-align: center;
}

.empty-container .tip-sub-text {
  color: #9B9CA3;
  font-size: .26rem;
  line-height: .4rem;
  margin-top: .12rem;
  text-align: center;
}

.empty-container .image {
  width: 4rem;
  height: 4rem;
}
.empty-container .image > img {
  width: 100%;
  height: 100%;
}

/* common-css */
.j-container .van-tabs__wrap {
  height: 0.96rem;
}
.van-tab {
  font-size: .32rem;
  line-height: .4rem;
}

/* analysis-page */
.pd-16 {
  padding: .32rem;
}
.pd-lr16 {
  padding: 0 .32rem;
}
.height8 {
  height: .16rem;
  width: 100%;
  color: transparent;
  background-color: transparent;
}

.filters-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .24rem .32rem;
  color: #161826;
  line-height: .6rem;
  font-size: .4rem;
  font-weight: 700;
}
.filters-list {
  margin-bottom: .16rem;
  border-top: 1px solid transparent;
}
.filters-list .van-cell {
  height: 1.08rem;
}
.date-cell .cell-title,
.filters-list .van-cell__title {
  color: #161826;
  line-height: .48rem;
  font-size: .28rem;
}
.j-popup .keys-popup .popup-header {
  /* padding-top: .24rem;
  padding-bottom: .24rem; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 1.28rem;
  padding: 0 .32rem;
}
.keys-popup .header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.keys-popup .header-title {
  margin-right: .2rem;
}
.keys-popup .header-action {
  padding: 0 .32rem;
  font-size: .26rem;
  line-height: .42rem;
  color: #2ABDD1;
  background: rgba(42, 189, 209, 0.1);
  border-radius: .24rem;
  border: 1px solid #2ABDD1;
}

.keys-popup .header-bottom {
  margin-top: .1rem;
  color: #2ABDD1;
  font-size: .22rem;
  line-height: .26rem;
}

.date-cell {
  padding: 10px 0;
}
.date-cell .cell-title {
  padding: 0 16px;
}

.filters-list .collection .dateTags .customTime {
  display: none;
}
.filters-list .collection .dateTags .timeTag {
  flex-wrap: wrap;
}
.collection .dateTags {
  height: unset;
}
.collection .timePicker.clickactive {
  background-color: #fff;
}
.collection .timePicker.clickactive::after {
  content: unset;
}
.collection .timePicker.clickactive .van-cell.van-field {
  border-color: #2abed1;
}
.collection .timeTag .area-card-item {
  width: unset;
  height: unset;
  padding: 0 .16rem;
}
.date-cell > .j-container > .j-footer {
  display: none;
}

.search-result {
  position: relative;
}
.search-result .filters-list .van-cell__title {
  color: #161826;
  font-size: .4rem;
}
.search-result .section:not(:first-of-type) {
  position: relative;
  margin-top: .16rem;
}
.search-result .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-result .section .section-title {
  color: #161826;
  line-height: .52rem;
  font-size: .36rem;
}
.search-result .section:not(:first-of-type) .section-content {
  margin: .16rem 0;
  padding: .12rem 0;
}

.fixed-bottom-right {
  position: absolute;
  bottom: 15%;
  right: .32rem;
}
.scroll-to-top {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .8rem;
  height: .8rem;
  font-size: .4rem;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: rgb(54,147,79,20%) 0 0 30px 5px;
}

.section-sticky {
  width: 100%;
}
.van-sticky {
  padding: 0 .32rem;
  width: 100%;
  background-color: #fff;
}

.section .section-tip-text {
  font-size: .22rem;
  line-height: .3rem;
  color: #9B9BA3;
  text-align: center;
}

.search-result .dimension {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.5rem;
}

.search-result .dimension .section-content {
  padding: .28rem 0;
}
.van-sticky--fixed {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1.32rem;
  background-color: #fff;
}
.van-sticky--fixed .dimension-list {
  padding: 0!important;
}
.search-result .dimension > div {
  width: 100%;
}
.search-result .dimension .section-title {
  font-size: .28rem;
  line-height: .28rem;
  padding: .32rem;
  padding-bottom: 0;
  text-align: center;
}
.search-result .dimension .section-tip-text {
  padding-bottom: .32rem;
}


.search-result .dimension-list {
  display: flex;
  align-items: center;
  width: 100%;
}
.search-result .dimension-item {
  display: flex;
  flex: 1;
  font-size: .28rem;
  line-height: .4rem;
}
.search-result .dimension-item:not(:last-of-type) {
  margin-right: .32rem;
}
.search-result .dimension-item::after {
  content: unset;
}

.market-overview-list {
  display: flex;
  margin: 0!important;
  padding-left: .08rem!important;
  padding-right: .08rem!important;
}
.market-overview-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  padding: 0 .08rem;
}
.market-overview-item:not(:last-of-type) {
  border-right: 1px solid #F2F2F2;
}

.m-overview-name {
  margin-bottom: .08rem;
  white-space: nowrap;
}
.m-overview-name,
.m-overview-unit,
.m-overview-type {
  font-size: .22rem;
  line-height: .28rem;
  color: #5E5E64;
  text-align: center;
}
.m-overview-count {
  margin: .12rem 0;
}
.m-overview-ratio {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .08rem;
  height: .32rem;
  padding: 0 .08rem;
  border-radius: .2rem;
}
.m-overview-ratio.red {
  color: #FA483C;
  background-color: #FFEDEC;
}
.m-overview-ratio.green {
  color: #04B15E;
  background-color: #EAF8E5;
}
.m-overview-ratio .icon-reverse {
  transform: rotate(180deg);
}

/* 表格首页索引 */
.table-index-rect {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: .4rem;
  height: .4rem;
  color: #fff;
  font-size: .28rem;
  border-radius: 3px;
  background-color: #C0C4CC;
}
.table-index-rect.red {
  background-color: #FF3A20;
}
.table-index-rect.orange {
  background-color: #FF9F3F;
}
.table-index-rect.soft-orange {
  background-color: #EED08C;
}

/* TOP10 */
.project-top-item {
  padding: .32rem 0;
}
.project-top-item:first-of-type {
  padding-top: .16rem;
}
.project-top-item:last-of-type {
  padding-bottom: .16rem;
}
.project-top-item:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.project-top-item .p-t-i-hd {
  display: flex;
  justify-content: space-between;
}
.project-top-item .p-t-i-hd .p-t-i-hd-r {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-left: .16rem;
}
.project-top-item .p-t-i-hd .p-t-i-hd-r-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.project-top-item .p-t-i-hd-r .project-actions {
  display: flex;
  align-items: center;
  color: #2ABDD1;
  line-height: .36rem;
  font-size: .24rem;
  white-space: nowrap;
}
.project-top-item .p-t-i-hd-r .project-actions .van-icon {
  margin-left: .12rem;
}
.project-top-item .p-t-i-hd-r .project-actions.icon-reverse .van-icon {
  transform: rotate(180deg);
}
.project-top-item .p-t-i-hd-r .project-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.market-top3-table .project-name {
  max-width: 4rem;
}
.project-top-item .p-t-i-hd-r .project-name {
  font-size: .28rem;
  color: #1D1D1D;
  line-height: .48rem;
  flex: 1;
}
.project-top-item .p-t-i-hd-r .project-tags {
  display: flex;
  align-items: center;
}
.project-top-item .p-t-i-hd-r .project-right {
  color: #5E5E64;
}
.project-top-item .j-tag {
  margin-right: .08rem;
}
.project-top-item .p-t-i-ft {
  margin-top: .24rem;
  padding: .16rem;
  background: linear-gradient(180deg, rgba(108, 217, 236, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 6px;
}
.project-top-item .p-t-i-ft .p-t-i-ft-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.project-top-item .p-t-i-ft .p-t-i-ft-bottom {
  display: flex;
  align-items: center;
  font-size: .24rem;
  color: #5E5E64;
  line-height: .36rem;
}
.project-top-item .p-t-i-ft .p-t-i-ft-sub {
  margin-right: .24rem;
}
.project-top-item .p-t-i-ft .p-t-i-ft-title {
  font-size: .26rem;
  color: #161826;
  line-height: .36rem;
}
.project-top-item .p-t-i-ft .p-t-i-ft-winner {
  font-size: .24rem;
  color: #5E5E64;
  line-height: .36rem;
}
.project-top-item .p-t-i-ft.disabled,
.project-top-item .p-t-i-hd-r .project-name.disabled,
.project-top-item .p-t-i-ft .p-t-i-ft-winner.disabled {
  color: #a2a2a2;
  cursor: not-allowed;
}

/* time scatter */
.time-scatter .section-actions {
  display: flex;
  align-items: center;
}
.time-scatter .action-button {
  position: relative;
  margin-left: .36rem;
  font-size: .26rem;
  color: #5E5E64;
  line-height: .28rem;
}
.time-scatter .action-button.active {
  color: #2ABDD1;
}
.time-scatter .action-button.active::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 80%;
  height: .04rem;
  transform: translateX(-50%);
  background-color: #2ABDD1;
}
.add-pro-list-inlet {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-pro-list-inlet .pro_list_inlet{
  display: flex;
  align-items: center;
  font-size: .28rem;
  color: #2ABDD1;
}
.pro_list_inlet>img{
  width: .32rem;
  height: .32rem;
  margin-right: .08rem;
}