iboss_wx_app/package-business-analysis/pages/profit-report/profit-report.wxss

page {
  width: 100%;
  margin: 0;
  background: #FFFFFF;
}

.custom-class {
  width: 100% !important;
}

.top {
  position: fixed;
  top: 2rpx;
}

.title {
  display: flex;
}

.van-cell-text {
  margin-left: 12rpx;
}


.van-button {
  width: 100% !important;
}


.panel-class {
  margin-bottom: 20rpx;
}

.test {
  z-index: 0 !important;
  width: 100%;
  height: 600rpx;
}

/* .van-dropdown-menu__item {
  flex: 0.7 !important;
} */

.menu-box {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 0 22rpx;
  display: flex;
  align-items: center;
  background: white;
}

.title-class {
  width: 100% !important;

}

.van-ellipsis {
  font-size: 32rpx;
}

.field-class {
  height: 60rpx;
  width: 100% !important;
  padding: 0;
  display: flex;
  align-items: center;
}

.van-search--withaction {
  padding-right: 0;
  width: 488rpx !important;
}

.van-field__input--center {
  text-align: left !important;
}

.van-ellipsis {
  font-size: 30rpx !important;
}

.finance_block {
  background: #f5f5f5;
  margin: 2vw;
  width: 50vw;
  text-align: center;
  padding: 1vw;
  border-radius: 1vw;
}

/* 按钮横向排列 */
.view_class {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 10rpx;
  margin-bottom: 10rpx;
}

.head {
  /* z-index: 1;  */
  /* height: 384rpx; */
  width: 100%; 
  /* background: #1B365D; */
}

.head-center {
  position: absolute;
  width: 78rpx;
  height: 80rpx;
  left: 39rpx;
  top: 204rpx;
}

.nick-name {
  width: 70% !important;
  position: absolute;
  width: 64rpx;
  height: 45rpx;
  left: 140rpx;
  top: 209rpx;
  font-family: 'PingFang HK';
  font-style: normal;
  font-weight: 600;
  font-size: 32rpx;
  line-height: 45rpx;
  color: #FFFFFF;
}

.head .van-ellipsis {
  font-weight: bolder;
}


.wx-avatar {
  overflow: hidden;
  display: block;
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  border: 1px solid #95a8cb;
}

.store {
  position: absolute;
  width: 364rpx;
  height: 34rpx;
  left: 140rpx;
  top: 254rpx;
  font-family: 'PingFang HK';
  font-style: normal;
  font-weight: 400;
  font-size: 24rpx;
  line-height: 34rpx;
  color: #95A8CB;
}

.func {
  width: 100%;
  height: 440rpx;
  /* margin-top: -100rpx;  20240808edit 刘尧 修复销售利润表显示问题*/
  /* background: #F8F9FD; */
  border-radius: 40rpx 40rpx 0 0;

}

.func-card-blue {
  width: 47%;
  height: 198rpx;
  background: linear-gradient(209.99deg, #E6F2FE 14.33%, #D7EAFF 73.85%);
  border-radius: 19rpx;
}

.func-card-purple {
  width: 47%;
  height: 198rpx;
  background: linear-gradient(209.99deg, #E2E8FF 14.33%, #D5DDFF 73.85%);
  border-radius: 19rpx;
}

.card-title {
  margin-top: 24rpx;
  display: flex;
  height: 54rpx;
  align-items: center;
  width: 100%;
  /* justify-content: center; */
}

.card-name {
  font-family: 'PingFang HK';
  font-style: normal;
  font-weight: 600;
  font-size: 32rpx;
  line-height: 48rpx;
  margin-left: 16rpx
}

.card-name-blue {
  color: #1B365D;
}

.card-name-purple {
  color: #606EB2;
}

.icon-arrow {
  width: 32rpx;
  height: 32rpx;
  border-radius: 16rpx;
  margin-left: 20rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-blue {
  background-color: #B7DBFF;
}

.icon-purple {
  background-color: #C3D0FF;
}

.icon-title {
  width: 76rpx;
  height: 84rpx;
  margin-top: 20rpx;
  margin-left: 20rpx
}

.card-bottom {
  margin-top: 20rpx;
  display: flex;
  justify-content: space-evenly;
}

.card-bottom-button {
  width: 40%;
  background: #B7DBFF;
  height: 80rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15rpx;
}

.card-bottom-button-font {
  font-family: 'PingFang HK';
  font-style: normal;
  font-weight: 500;
  line-height: 31px;
  color: #1B365D;
}

.card-bottom-button-blue {
  background: #B7DBFF;
  color: #1B365D;
}

.card-bottom-button-purple {
  background: #C3D0FF;
  color: #606EB2;
}

.combined-card {
  margin: 10px 2%;
  height: 430rpx;
  background-color: #99A8E4;
  border-radius: 15rpx;
}

.top-big-text {
  font-family: 'PingFang HK';
  font-style: normal;
  font-weight: 600;
  font-size: 32rpx;
  line-height: 45rpx;
  color: #FFFFFF;
  margin-left: 18rpx;
}

.top-small-text {
  font-family: 'PingFang HK';
  font-style: normal;
  font-weight: 400;
  font-size: 24rpx;
  line-height: 34rpx;
  color: #FFFFFF;
  margin-left: 12rpx;
}

.scroll-view {
  white-space: nowrap;
  display: flex;
}

.combined {
  background-color: #FFFFFF;
  border-radius: 15rpx;
  display: inline-block;
  height: 300rpx;
  width: 75%;
  margin: 0 30rpx;
}

.combined-name {
  margin-top: 12rpx;
  font-family: 'PingFang HK';
  font-style: normal;
  font-weight: 600;
  font-size: 20rpx;
  line-height: 28rpx;
  color: #1B365D;
}

.combined-detail {
  font-family: 'PingFang HK';
  font-style: normal;
  font-weight: 400;
  font-size: 18rpx;
  line-height: 25rpx;
  color: #CAA977;
}

.combined-button-view {
  margin-top: 15rpx;
  display: flex;
  justify-content: flex-end;
}

.combined-button {
  padding: 4rpx 17rpx 0 17rpx;
  margin-right: 17rpx;
  height: 42rpx;
  background: #FE4F09;
  border-radius: 48rpx;
  color: #FFFFFF;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 15rpx;
  line-height: 21rpx;
  display: flex;
  align-items: center;
}

.combined-imgs-view {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.sku-list {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 20rpx;
  width: 50%;
}

.sku-card {
  width: 94%;
  height: 495rpx;
  background-color: #FFFFFF;
  /* background-color: #1B365D; */
  border-radius: 15px;
  box-shadow: 0px 10px 20px rgba(225, 229, 238, 0.6);
}

.sku-name-detail-item {
  width: 290rpx;
  word-break: break-all;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.sku-image {
  display: flex;
  justify-content: center;
}

.sku-name {
  font-family: 'PingFang HK';
  font-style: normal;
  font-weight: 500;
  font-size: 26rpx;
  line-height: 36rpx;
  color: #1B365D;
  display: flex;
  justify-content: center;
}

.sku-name-detail {
  font-family: 'PingFang HK';
  font-style: normal;
  font-weight: 400;
  font-size: 22rpx;
  line-height: 31rpx;
  color: #CAA977;
  display: flex;
  justify-content: center;
}

.sku-bottom {
  display: flex;
  justify-content: center;
}

.sku-price {
  line-height: 21rpx;
  color: #FE4F09;
  display: flex;
  width: 290rpx;
  line-height: 53rpx;
  margin-top: 30rpx;
  align-items: center;
  justify-content: space-between;
}




.content {
  text-align: justify;
}


.left,
.right {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.van-icon-class {
  width: 15%;
  text-align: right;
  padding-right: 10rpx;
}

.left-class {
  color: #0072ff;
  position: fixed;
  left: 20rpx;
  top: 196rpx;
  width: 130rpx !important;

}

.right-class {
  color: #0072ff;
  position: fixed;
  top: 88rpx;
  width: 18% !important;

}

.thumb-class {
  width: 85px !important;
  padding-right: 55px;
  height: 80px !important;
}

.van-card__thumb {
  padding-right: 35px;
  width: 50px !important;
  height: 50px !important;
}

.label-class-two {
  color: black !important;
}

.tags {
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  background: white;
  align-items: center;
  margin-bottom: 5rpx;
  margin-top: 10rpx;
}

.box {
  height: 200rpx;
}



.price-pop-class {
  font-size: 13px;
  width: 75%;
}


.tag-bom-item {
  padding-right: 20rpx;
}

.tag-text {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  word-wrap: break-all;
  width: 100%;
  height: 44rpx;
  margin-top: -10rpx;
  margin-bottom: -10rpx;
}

.van-field__label {
  color: #95A8CB !important;
}



.button-pop-cell-class {
  border-radius: 15rpx !important;
}

.button-pop-class {
  width: 640rpx !important;
  height: 88rpx !important;
  background: #1B365D !important;
  border-radius: 15rpx !important;
  border: none !important;
}

.dk-popup {
  background-color: transparent !important;
  overflow-x: hidden;
}

.value-class {
  flex: none !important;
}

/* 报表 */

.main {
  padding: 38rpx 34rpx 40rpx 34rpx;
}


.card-view {
  background: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(225, 229, 238, 0.6);
  border-radius: 15rpx;
  /* padding-bottom: 10rpx; */
}

.card-view2 {
  background: #f8f8f8;
  box-shadow: 0px 10px 20px rgba(225, 229, 238, 0.6);
  border-radius: 15rpx;
  /* padding-bottom: 10rpx; */
}

.top-card {
  padding: 20rpx 40rpx;
  height: 50rpx;
  line-height: 50rpx;
}

.top-card-title {
  color: red;
  font-weight: bold;
  float: left;
}

.top-card-icon {
  float: left;
  margin-left: 40rpx;
  height: 100%;
  display: flex;
}

.top-card-icon van-icon {
  height: 100%;
}

.top-card-money {
  float: right;
  /* color: #caa977; */
}

.top-card-percent {
  float: right;
  color: #002340;
}
.top-card-bottom{
  display: flex;
}
.top-card-bottom-text {
  font-size: 24rpx;
  color: #95a8cb;
  margin-right: 40rpx;
  display: flex;
}

.top-card-bottom-text-title{
  margin-right: 20rpx;
}

.card-view-header {
  display: flex;
  background: linear-gradient(90deg, #deeaff 0%, #FAFEFF 100%);
  padding: 20rpx;
  border-radius: 15rpx 15rpx 0px 0px;
  align-items: center;
  justify-content: space-between;
}

.card-view-header2 {
  display: flex;
  /* background: linear-gradient(90deg, #D9F2F8 0%, #FAFEFF 100%); */
  padding: 20rpx;
  border-radius: 15rpx 15rpx 0px 0px;
  align-items: center;
  justify-content: space-between;
}

.card-view-header-name {
  font-style: normal;
  font-weight: bolder;
  font-size: 16px;
  color: #1B365D;
  display: flex;
  align-items: center;
}

.card-view-header-name2 {
  font-style: normal;
  font-size: 16px;
  color: black;
  font-weight: bolder;
  display: flex;
  align-items: center;
}

.card-view-header-name3 {
  font-size: 14px;
  color: #c7c7c7;
}

.card-view-header-tags-tag {
  width: 129rpx;
  height: 54rpx;
  /* border-radius: 27rpx; */
  /* border: 1px solid #00A7B5; */
  color: #95a8cb;
  font-style: normal;
  font-weight: 400;
  font-size: 26rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-view-header-tags2 {
  display: flex;
}


.card-view-content-data {
  display: flex;
  justify-content: space-between;
  padding: 24rpx 24rpx 0 24rpx;
}

.card-view-content-data-left>view:nth-child(1) {
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  color: #1B365D;
}


.card-view-content-data-left>view:nth-child(2) {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #95A8CB;
  margin-top: 13rpx;
}


.card-view-content-data-left>view:nth-child(3) {
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  color: #1B365D;
  display: flex;
  align-items: center;
  line-height: 40rpx;
  margin-top: 11rpx;
}

.card-view-content-data-left>view:nth-child(3)>view:nth-child(n),
.card-view-content-data-left>view:nth-child(3)>view:nth-child(n)>view:nth-child(n) {
  display: flex;
  align-items: center;
}

.card-view-content-data-left>view:nth-child(3)>view:nth-child(2) {
  margin-left: 19rpx;
}

.card-view-content-data-left {
  padding: 20rpx 0;
}

.card-view-content-data-right {
  padding: 20rpx 0;
  display: grid;
}

.card-view-content-data-right>view:nth-child(1) {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #1B365D;
  text-align: right;
}

.card-view-content-data-right>view:nth-child(2) {
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  color: #95A8CB;
  margin-bottom: 12rpx;
  text-align: right;
}

.card-view-content-data-right>view:nth-child(3) {
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  color: #95A8CB;
  text-align: right;
}


/* 小电视 */
.card-view-content-screen {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  padding: 0 16rpx 22rpx 16rpx;
}

.card-view-content-screen-item {
  border-radius: 15rpx;
  position: relative;
  display: grid;
  align-content: center;
  width: 32%;
  height: 108rpx;
  background: #F8F8F8;
}

.card-view-content-screen-item:nth-child(n+4) {
  margin-top: 12rpx;
}

.card-view-content-screen-item-absolute {
  color: #1B365D;
  background-color: #EBEEF3;
  font-size: 10px;
  line-height: 30rpx;
  padding: 0 10rpx 0 10rpx;
  border-radius: 15rpx;
  width: max-content;
  position: absolute;
  right: 4.3rpx;
  top: 4.3rpx;

}

.card-view-content-screen-item-important {
  font-weight: 600;
  font-size: 16px;
  font-family: 'PingFang SC';
  color: #1B365D;
  justify-content: center;
  display: flex;
  align-items: flex-end;
}

.card-view-content-screen-item-important-small {
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  font-family: 'PingFang SC';
}

.card-view-content-screen-item-text {
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  color: #95A8CB;
  text-align: center;
  font-family: 'PingFang SC';
}

/* eachrts类卡片样式 */
.card-view-content-data-echarts {
  display: flex;
  justify-content: space-between;
  padding: 24rpx 24rpx 0 24rpx;
}

.card-view-content-data-echarts-data {
  display: flex;
  align-items: flex-end;
  width: 100%;
  border-bottom: 1px solid #E9F0FE;
  margin-bottom: 10px;
}

.card-view-content-data-echarts-data>view:nth-child(1) {
  font-family: 'PingFang HK';
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 40px;
  color: #1B365D;
}

.card-view-content-data-echarts-data>view:nth-child(2) {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 40px;
  color: #95A8CB;
  margin-left: 14rpx;
}

.card-view:nth-child(n+2) {
  margin-top: 40rpx;
}

.card-view:last-child::after {
  content: " ";
  margin-bottom: 40rpx;
}

.small-cny {
  font-size: 12px;
}

.small-small-font {
  font-size: 10px;
  line-height: 16px;
}

.header-icon {
  box-shadow: 0px 4px 8px #CBE2E7;
}

.btn-add-class {
	background: #3E69F6;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20rpx;
	box-shadow: 0px 17px 22px 0px #1B365D33;
}
/* .van-dropdown-menu {
  border-radius: 40rpx 40rpx 0rpx 0rpx !important;
} */



/* 瀑布流 */

/* pages/test/test.wxss */