.i-page{
	width: 100%;
	height: 100vh;
	min-height: 1637rpx;
	background: #F5F5F5;
	.i-main{
		width: 100%;
		
	
		.m-header{
			padding: 0 32rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 176rpx;
			background: #FFFFFF;
			.header-l{
				margin-top:74rpx;
				width: 203rpx;
				height: 85rpx;
				background: url('https://app.dingrongxd.com/imgs/i-header-l.png' ) 0 0 no-repeat;
				background-size: 203rpx 85rpx;
			}
			.header-r{
				margin-top:91rpx;
				width: 110rpx;
				height: 64rpx;
				background: url('https://app.dingrongxd.com/imgs/i-header-r.png' ) 0 0 no-repeat;
				background-size: 110rpx 64rpx;
			}
		}
		.m-card{
			margin: 32rpx 34rpx 24rpx;
			width: 682rpx;
			height: 368rpx;
			background: linear-gradient( 315deg, #7F7F8C 0%, #4B4C5D 100%);
			box-shadow: 0rpx 4rpx 21rpx 0rpx rgba(0,20,40,0.12);
			border-radius: 12rpx;
			.card-mian{
				padding:40rpx 40rpx 48rpx;
				.mian-top{
					display: flex;
					font-family: PingFangSC, PingFang SC;
					text-align: left;
					font-style: normal;
					padding-bottom:12rpx;
					border-bottom: 2rpx solid #7F7F8C;
					.top-f{
						padding-right: 24rpx;
						font-weight: 500;
						font-size: 32rpx;
						color: #FFFFFF;
						line-height: 45rpx;
					}
					.top-t{
						display: flex;
						align-items: center;
						font-weight: 400;
						font-size: 24rpx;
						color: #A8A8B0;
						line-height: 33rpx;
						padding-right: 16rpx;
						.t-icon{
							display: inline-block;
							width: 32rpx;
							height: 32rpx;
							background: url('https://app.dingrongxd.com/imgs/i-card-icon.png') 0 0 no-repeat;
							background-size:100% ;
						}
					}
				}
				.main-text{
					margin:32rpx 0 4rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 24rpx;
					color: #A8A8B0;
					line-height: 33rpx;
					text-align: left;
					font-style: normal;
				}
				.main-con{
					display: flex;
					align-items: center;
					justify-content: space-between;
					.con-number{
						font-family: DIN, DIN;
						font-weight: 500;
						font-size: 72rpx;
						color: #FFFFFF;
						line-height: 87rpx;
						text-align: left;
						font-style: normal;
					}
					.con-btn{
						padding:0 32rpx;
						height: 56rpx;
						border-radius: 31rpx;
						border: 2rpx solid #FFFFFF;
						font-family: PingFangSC, PingFang SC;
						font-weight: 500;
						font-size: 24rpx;
						color: #FFFFFF;
						line-height: 56rpx;
						text-align: center;
						font-style: normal;
					}
				}
				.mian-des{
					padding-top: 29rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 24rpx;
					color: #A8A8B0;
					line-height: 33rpx;
					text-align: left;
					font-style: normal;
				}
				
			}
		}
		.i-banner{
			width: 100%;
			padding:16rpx 0;
			background: #FFFFFF;
			.uni-swiper-wapper{
				margin:0 32rpx;
				
				width: 693rpx;
				.swiper-item-i{
					width: 693rpx;
					height: 166rpx;
					.i-banner-item{
						width: 693rpx;
						height: 166rpx;
						background-size: 693rpx 166rpx;
					}
				}
				
			}
			/deep/ .uni-swiper-dots {
						// 指示点整个区域的位置
						bottom:10rpx;
			}
			
			/deep/ .uni-swiper-dot {
						// 指示点元素默认样式
						width: 8rpx;
						height: 8rpx;
						background: #CCCCCC !important;
						border-radius: 4rpx;
						// opacity: 0.2;
			}
			
			/deep/ .uni-swiper-dot-active {
						// 指示点元素激活（当前选中）状态样式
						width: 8rpx;
						height: 8rpx;
						background: #5D5D5D !important;
						border-radius: 4rpx;
			}
		}
		.i-footer{
			padding:24rpx 32rpx;
			background: #FFFFFF;
			.footer-top{
				display: flex;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				text-align: left;
				font-style: normal;
				margin-bottom:22rpx;
				.top-l{
					font-size: 32rpx;
					color: #141E32;
					line-height: 45rpx;
				}
				.top-r{
					padding-top:8rpx;
					padding-left: 12rpx;
					font-size: 24rpx;
					color: #9E9E9E;
					line-height: 33rpx;
					
				}
			}
			.footer-line{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				.line-item{
				
					margin-bottom:16rpx;
					width: 335rpx;
					height: 142rpx;
					background: #F8F8F8;
					border-radius: 4rpx;
					display: flex;
					.item-l{
						padding-top:30rpx;
						padding-left:30rpx;
						font-family: PingFangSC, PingFang SC;
						text-align: left;
						font-style: normal;
						.l-name{
							font-weight: 500;
							font-size: 30rpx;
							color: #141E32;
							line-height: 42rpx;
						}
						.l-des{
							padding-top:8rpx;
							font-weight: 400;
							font-size: 24rpx;
							color: #9E9E9E;
							line-height: 33rpx;
							
						}
					}
					.item-r{
						margin-top:36rpx;
						margin-left:64rpx;
						width: 88rpx;
						height: 88rpx;
						background-size: 100%;
					}
				}
			}
		}
	}
	.i-b-footer{
		margin:127rpx auto 41rpx;
		width: 329rpx;
		height: 118rpx;
		background: url('https://app.dingrongxd.com/imgs/i-footer.png') 0 0 no-repeat;
		background-size: 329rpx 118rpx;
	}
}