/* 背景图片 */
	.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: 300px;
		height: fit-content;
		font-size: 16px;
		display: flex;
		justify-content: space-around;
		padding-left: 10px;
	}

	.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: flex-start;
	}

	.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: 80px;
		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;
	}

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

	.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-left: 10px;
		margin-top: 15px;
	}

	.dateHeader {
		font-weight: 550;
	}

	.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: 100%;
		display: flex;
		justify-content: space-between;
		margin-right: 20px;
		align-items: center;
	}

	.storedIntegralTopOfRight view:nth-child(1) {
		font-size: 20px;
		margin-left: 5px;
	}

	.storedIntegralTopOfRight view:nth-child(2) {
		font-size: 20px;
		color: #cd908e;
	}

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

	.storedIntegralMiddle view:nth-child(1) {
		margin-left: 3px;
	}

	.storedIntegralMiddleofRight {
		margin-right: 19px;
	}

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

	.withdrawalMoneyBtn {
		width: 80%;
		height: 40px;
		border-radius: 20px;
		font-size: 20px;
		color: #FFFFFF;
		background-color: #50b58d;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 12px;
		background-image: linear-gradient(to bottom, #126c4f, #01a55b);
	}

	.optionsInfo {
		padding: 6px 15px;
	}