page {
		background-color: #F5F5F5;
	}

	.reseller {
		background-color: #F5F5F5;min-height:100vh;font-size:28upx;

		.top {
			color: #FFFFFF;
			display: flex;
			justify-content: space-between;
			position: relative;
			width: 100%;
			height: 500upx;
			background-color: #DD524D;
			//background: linear-gradient(top, #4EC28E, #1C9C63);
			background: linear-gradient(to bottom, #f37b1d, #ff3600);

			.title {
				background-color: #FFFFFF
			}

			.num {
				font-size: 30upx;line-height: 50upx;
				text-align: center;
				margin-top: 33%;width: 33%;
				
			}
			.num1{
				margin-top: 10%; text-align: center;
				// width: 33%;
			}
			
		}

		.jilu {
			font-size: 30upx;
			position: absolute;
			left: 78%;
			top: 15%;
		}

		.tixian {
			display: flex;
			justify-content: center;
			background-color: #F5F5F5;
			width: 55%;
			height: 120upx;
			border-radius: 120upx;
			position: absolute;
			bottom: -60upx;
			left: 23%;

			.btn {
				margin-top: 7%;
				text-align: center;
				width: 85%;
				background-color: $base_color;
				height: 80upx;
				border: none;
				border-radius: 100upx;
				line-height: 80upx;
				color: #FFFFFF;
			}


		}

		.icon {
			// display: flex;
			// justify-content: space-between;
			// flex-wrap: wrap;

			// margin-left: 3%;
			// margin-right: 3%;
			padding: 0 24upx;
			padding-top: 10%;
			width: 100%;

			.ico {
				border-radius: 20upx;
				border: 1px solid #c0c0c0;
				///width: 49%;
				width: 338upx;
				height: 200upx;
				margin-top: 20upx;
				display: flex;
				border: none;
				font-size: 30upx;
				flex-direction: column;
				background-color: #FFFFFF;
				

				.img {
					width: 64upx;
					height: 64upx;
				}

				.tubiao {
					margin-top: 40upx;
					text-align: center;
				}

				.text {
					color: #8F8F94;
					padding-top: 10upx;
					text-align: center;
					
				}
			}
			.ico:nth-child(2),.ico:nth-child(4){
				margin-left: 24upx;
			}
		}

		.kong {
			height: 200upx;
		}
	}
	.mt-40{
		margin-top: 30upx;
	}