sadjv3/anmo-user/static/css/IntegralStatistics.css

	/* 背景图片 */
	.ciycle {
		width: 100%;
		height: 200px;
		background-image: url("@/static/images/top.png");
		background-size: 100%;
		background-repeat: no-repeat;
	}

	#IntegralStatisticsTop {
		display: flex;
		height: 220px;
		border-radius: 10px;
		margin: 0px 5px 14px 5px;
		padding-top: 14px;
		flex-wrap: wrap;
		position: relative;
		top: 14px;
	}

	#IntegralStatisticsBottom {
		position: relative;
		top: 20px;
	}

	.innerTopLeft {
		/* width: 200px; */
		width: 160px;
		height: fit-content;
		font-size: 16px;
		display: flex;
		justify-content: space-around;
	}

	.innerTopRight {
		height: fit-content;
		font-size: 16px;
		display: flex;
		justify-content: right;
		padding-right: 10px;
	}

	.innerTop {
		width: 100%;
		height: fit-content;
		display: flex;
		justify-content: space-between;
	}

	.innerBottomOfTop {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		padding-right: 5px;
	}

	.innerBottom {
		width: 100%;
		height: 160px;
		margin: 14px 5px 14px 5px;
		background-color: #FFFFFF;
		border-radius: 10px;
		padding: 10px;
		box-shadow: 2px 2px 15px 1px #b5b5b5;
	}

	.totalIntegral {
		padding-left: 20px;
	}

	.innerBottomOfBottom {
		height: 80px;
		width: 100%;
		display: flex;
		justify-content: space-around;
		margin-top: 15px;
	}

	.IntegralClassify {
		width: 90px;
		/* height: 80px; */
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.IntegralClassify view:nth-child(1) {
		font-size: 20px;
	}

	.IntegralClassifyInnerBottom {
		margin-top: 10px;
	}

	.IntegralImport {
		height: 30px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 10px;
		font-size: 20px;
	}

	.totalIntegralNumber {
		padding-right: 20px;
		font-size: 24px;
		font-weight: 600;
	}

	.IntegralClassify view:nth-child(1) {
		font-size: 21px;
		font-weight: 600;
	}

	.isbOptions {
		display: flex;
		justify-content: space-around;
		font-size: 16px;
	}

	.optionsDetail {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		overflow: auto;
		padding: 0px 10px 0px 10px;
		background-color: #FFFFFF;
		border-radius: 10px;
		margin: 15px;
		box-shadow: 2px 2px 15px 1px #b5b5b5;
	}

	.optionsDetailImport {
		padding: 0px 10px;
		margin-top: 15px;
	}

	.dateHeader {
		font-weight: 550;
		/* background-color: rgba(10, 168, 106, .1); */
		border-left: 6px solid rgba(10, 168, 106, .3);
		padding: 5px;
	}

	.dataDetail {
		display: flex;
		justify-content: space-around;
		margin-top: 15px;
		align-items: center;
	}

	.example-body {
		background-color: #fff;
		padding: 10px;
	}

	>>>.uni-date-editor--x {
		display: none;
	}

	.activeTab {
		color: #0aa86a;
		background-color: #FFFFFF;
		padding: 6px;
		border-radius: 10px;
		width: 60px;
		text-align: center;
	}

	.defaultTab {
		color: #FFFFFF;
		padding: 6px;
		width: 60px;
		text-align: center;
	}

	.bottomActiveTab {
		color: #0aa86a;
	}

	.bottomDefaultTab {
		color: #000000;
	}

	.innerTopRightImport {
		width: calc(100% - 200px);
		display: flex;
		justify-content: right;
		align-items: center;
		color: #FFFFFF;
	}

	.storedIntegralTop {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-weight: 550;
	}

	.storedIntegralTopOfRight {
		width: 100px;
		display: flex;
		justify-content: space-around;
		margin-right: 20px;
		align-items: center;
	}

	.storedIntegralMiddle {
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-top: 28rpx;
		align-items: center;
	}

	.storedIntegralMiddleofRight {
		margin-right: 29px;
	}

	.storedIntegralBottom {
		margin-top: 28rpx;
		padding-bottom: 15px;
	}

	.optionsInfo {
		padding: 6px 15px;
	}