sadjv3_jishi/my/commission/index.css

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

		#IntegralStatisticsTop {
			display: flex;
			height:200px;
			border-radius: 10px;
			padding-top: 14px;
			flex-wrap: wrap;
		}

		#IntegralStatisticsBottom {
			position: relative;
			margin: auto;
		}

/* 		.optionsDetailImport -.optionsDetailImport {
			content: "";
			display: block;
			border-bottom: 1px solid #ccc;
		} */

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

		.innerTopRight {
			height: fit-content;
			font-size: 24rpx;
			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;
			margin-bottom: 10rpx;
		}

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

		.innerBottom {
			width: 100%;
			height: 210px;
			margin: 12rpx 24rpx;
			background:#fffbf8 url('../../static/purse2.png');
			background-size: 100% 120%;
			border-radius: 10px;
		}


		.innerBottomOfBottom {
			padding: 0;
			display: grid;
			grid-template-rows: auto;
			grid-template-columns: 95px 95px;
			grid-gap: 0px;
			margin-left: 50rpx;
		}

		.IntegralClassify {
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
		}

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

		.IntegralClassifyInnerBottom {
			font-size: 24rpx;
			margin-top: 4rpx;
		}

		.IntegralImport {
			min-width: 140px;
			height: 100px;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			align-items: center;
			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;
			border-radius: 10px;
			margin: 0rpx 24rpx;
		}

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

		.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;
		}
		.innerTimer{
			font-size: 14px;
			color: #ffffff;
			margin-right: 10px;
			padding: 10rpx 20rpx;
			background: linear-gradient(90deg, #5ecbbb, #36c0ae);
			border-radius: 20rpx 0 30rpx 0;
		}
		.activeTab {
			color: #0aa86a;
			background-color: #FFFFFF;
			padding: 6px;
			border-radius: 30px;
			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;
			}

		.storedIntegralTopOfRight {
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

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

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

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

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

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


		.storedIntegralBottom {
			margin-top: 28rpx;
			font-weight: bold;
			}

		.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 {
			margin: 0 auto;
			width: 90%;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
		}

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

		.viewOrdersInfo {
			display: flex;
			justify-content: space-between;
			padding: 0 8rpx;
		}

		.viewOrdersInfo view:nth-child(2) {
			color: #fff;
			font-weight: 500;
			font-size: 15px;
			padding: 8rpx 20rpx;
			border-radius: 15rpx;
			background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
		}
		.middele-icon-back{
			margin-top:10rpx;
		}
		.middele-img{
			width: 80rpx;
			height: 80rpx;
			padding: 40rpx;
			background:#ffeeeb url('../../static/purse.png')19rpx 19rpx;
			background-size: 60% 60%;
			border-radius: 30rpx;
			background-repeat: no-repeat;
		}
		.middele-title{
			margin-left: 15rpx;
		}
		.IntegralClassifyta{
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.middele-color{
			color: #fc4643;
			font-size: 40rpx;
			font-weight: bold;
		}
		.middele-wold{
			font-size: 40rpx;
			font-weight: bold;
		}