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

		#IntegralStatisticsBottom {
			position: relative;
			margin: auto;
			padding-top: 10px;
		}

		.innerTopLeft {
			width: 300px;
			height: fit-content;
			font-size: 30rpx;
			display: flex;
			justify-content: space-around;
			padding-left: 10px;
		}

		.innerTopRight {
			height: fit-content;
			font-size: 30rpx;
			display: flex;
			justify-content: right;
			color: #FFFFFF;
			padding-right: 10px;
			background-image: url(@/static/images/loadMoreToRight.png);
			background-repeat: no-repeat;
			background-position: right;
			background-size: 9%;
			margin-right: 11px;
		}

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

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

		.innerBottom {
			width: 100%;
			height: 200px;
			margin: 14px 5px 14px 5px;
			background-color: #FFFFFF;
			border-radius: 10px;
			padding: 10px;
		}


		.innerBottomOfBottom {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
		}

		.IntegralClassify {
			width: 100px;
			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 {
			min-width: 140px;
			height: 100px;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			align-items: center;
			margin-top: 10px;
			font-size: 16px;
			position: relative;
			top: calc((100% - 100px) /2);
		}

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

		.isbOptions {
			display: flex;
			justify-content: space-around;
			font-size: 36rpx;
			font-weight: bold;
		}

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

		.optionsDetailImport {
			padding-left: 10px;
			margin-top: 15px;
			border-bottom: 1px solid;
		}

		.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;
		}

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

		.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: #e52c26;
		}

		.storedIntegralMiddle {
			width: 100%;
			margin-top: 28rpx;
		}

		.storedIntegralMiddle view {
			color: gray;
			margin-left: 6px;
		}

		.storedIntegralMiddle view:nth-child(2) {
			margin-top: 10px;
		}

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

		.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;
		}

		.middleTop {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
		}

		.line {
			border: 1px solid #cacaca;
			height: 80px;
		}

		.viewOrdersInfo {
			display: flex;
			justify-content: space-between;
		}

		.viewOrdersInfo view:nth-child(2) {
			margin-right: 20px;
			color: #007aff;
			font-weight: 500;
			font-size: 16px;
		}

		.ordersDetailMain {
			margin: 10px 12px 20px 0px;
			background-color: #f1f1f1;
			border-radius: 10px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 15px;
		}

		.projectDetail {
			display: flex;
			flex-direction: column;
			justify-content: center;

		}

		.detailTitle {
			width: 100%;
			height: 40px;
			line-height: 40px;
			font-size: 16px;
			padding-left: 15px;
			padding-right: 15px;
			font-weight: 550;
		}


		.detailsLines {
			width: 91%;
			border-bottom: .1px solid #9d9d9d;
			margin: auto;
		}

		.detailMain {
			font-size: 16px;
			display: flex;
			justify-content: space-between;
			padding-left: 15px;
			padding-right: 15px;
			color: #a9a9a9;
			display: flex;
			align-items: center;
			margin: 5px 0px 5px 0px;
		}

		.warningFontXM {
			color: #009660;
			font-weight: 550;
		}

		.warningFontKF {
			color: #be524a;
			font-weight: 550;
		}

		.secondDetailTitle {
			padding-top: 10px;
		}

		.couponMoney {
			display: flex;
			align-items: center;
		}