jje_uniapp/myPages/recharge/index.rpx.scss

/*scroll-view外层*/
.skill-sequence-panel-content-wrapper {
	position: relative;
	white-space: nowrap;
	// padding: 10rpx 0 10rpx 10rpx;
	margin-top: 10px;
}

/*左右渐变遮罩*/
.hide-content-box {
	position: absolute;
	top: 0;
	height: 100%;
	width: 10px;
	z-index: 2;
}

.hide-content-box-left {
	left: 0;
	background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #f3f3f3 60%);
}

.hide-content-box-right {
	right: 0;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #f3f3f3 60%);
}

.kite-classify-scroll {
	width: 100%;
	// height: 380rpx;
	overflow: hidden;
	white-space: nowrap;
}

.kite-classify-cell {
	display: inline-block;
	width: 266rpx;
	// height: 370rpx;
	margin-right: 20rpx;
	background-color: #ffffff;
	border-radius: 10rpx;
	overflow: hidden;
	box-shadow: 2px 2px 3px rgba(26, 26, 26, 0.2);
	position: relative;
	.h-bg-img{
		image{
			height: 80px;
		}
	}
	.content{
		position: absolute;
		bottom: 20%;
		left:12px;
		.money{
			color: #333333;
			.v{
				font-size: 18px;
				font-weight: bold;
			}
		}
		.desc{
			margin-top: 6px;
			font-size: 12px;
			color: #333333;
			line-height: 22px;
		}
	}
	.active{
		 display: block;
	}
}

	
// 余额
.recharge-me{
	position: relative;
	.bg-img{
		height: 160px;
		background: #FFE05C;
	}
	.wallet-content{
		 position: absolute;
		 top: 0;
		 left: 0;
		 right: 0;
		 padding: 12px;
		 .h-balance-wrap{
			 background: #FFFCF1 ;
			 border-radius: 6px;
			 text-align: center;
			 padding-left: 20px;
			 padding-right: 20px;
			 .h-balance{
			 	display: flex;
			 	justify-content: space-between;
				align-items: center;
				height: 118px;
			 	.recharge-balance{
			 		font-family: PingFangSC-Regular, PingFang SC;
					.h-nav-img {
						image{
							height: 18px;
							width: 18px;
						}
					}
			 		.name{
			 			font-size: 14px;
			 			font-weight: 400;
			 			color: #666666;
			 			line-height: 22px;
			 		}
			 		.balance-value{
			 			font-size: 18px;
			 			font-weight: bold;
			 			color: #333333;
			 			line-height: 26px;
			 		}
			 	}
			 }
			 .btn{
			 	display: flex;
			 	font-size: 14px;
				justify-content: space-between;
				height: 60px;
				align-items: center;
				color: #999999;
			 	.item-btn{
					width: 50%;
			 	}
			 }
		 }
		
	}
	
}

// 充值金额选择
.recharge-content-wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 12px;
	position: relative;
	.recharge-content{
		width: calc(50% - 6px);
		margin-bottom: 12px;
		position: relative;
		.h-bg-img{
			image{
				height: 80px;
			}
		}
		.content{
			position: absolute;
			bottom: 25%;
			left:12px;
			.money{
				color: #333333;
				.v{
					font-size: 18px;
					font-weight: bold;
				}
			}
			.desc{
				font-size: 12px;
				color: #333333;
				line-height: 22px;
			}
		}
		.choose-status{
			display: none;
			position: absolute;
			left: 0px;
			top: 0px;
			.active{
			  width: 0;
			  height: 0;
			  border-left: 0px solid transparent;
			  border-right: 30px solid transparent;
			  border-top: 30px solid green;
			}
			image{
				height: 40px;
				width: 40px;
			}
		}
		.active{
			 display: block;
		}
	}
	
}

.h-custom{
	background: #FFFCF1;
	display: flex;
	padding: 12px;
	border-radius: 10px;
	margin-top: 8px;
	.h-money{
		margin-left: 6px;
	}
}

// 协议
.recharge-agreement{
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 12px;
	text-align: center;
	.radio-group{
		.v-text{
			// color:green;
		}
		.h-btn{
			color:green;
		}
	}
	
}

// 提交按钮
.h-submit-btn{
	margin-top: 12px;
	width: 343px;
	height: 42px;
	background: #FFE05C;
	border-radius: 27px;
	text-align: center;
	line-height: 42px;
}

// 使用说明
.h-desc{
	font-family: PingFangSC-Regular, PingFang SC;
	.title{
		height: 24px;
		font-size: 14px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 24px;
	}
	.h-content{
		height: 40px;
		font-size: 12px;
		font-weight: 400;
		color: #999999;
		line-height: 20px;
	}
}