H5_module/mine/payCode/payCode.css

.pay-page{min-height: 100vh;background-color: var(--mina);overflow: hidden;}

.card {
	margin: 30rpx 30rpx 300rpx;
	border-radius: 20rpx;
	background-color: #fff;
	overflow: hidden;
}

.card .card-header {
	border-radius: 30rpx 30rpx 0 0;
	background-color: #f5f5f5;
	font-size: 30rpx;
	color: #333;
	padding: 30rpx 40rpx;
}

.card-header image{width: 50rpx;height: 50rpx;margin-right:15rpx;border-radius: 50%;}

.card .card-code {
	background-color: #fff;
	padding: 30rpx;
}

.card .card-code .code1 {
	width: 628rpx;
	height: 220rpx;
	background-color: #eeeeee;
}

.card .card-code .code2 {
	width: 400rpx;
	height: 400rpx;
	background-color: #eeeeee;
	margin: 30rpx auto;
}
.code-image{
	width: 100%;
	height: 100%;
}

.card .card-code .refresh {
	text-align: center;
	color: #999999;
	font-size: 24rpx;
	margin: auto;
	justify-content: center;
	width: 300rpx;
}

.card .card-bottom {
	padding:50rpx 65rpx 50rpx 40rpx;
	background-color: #fff;
}

.card .card-bottom .money-number {
	font-size: 38rpx;
	color: #333;
}

.card .card-bottom .money-text {
	font-size: 24rpx;
	color: #999;
	margin-top: 5rpx;
}
.cz-btn{color: #FF753A;margin-left: 10rpx;}
.cz-btn image{width: 10rpx;height: 15rpx;margin-left: 2rpx;}
.bico{width: 26rpx;height: 17rpx;margin-bottom: 10rpx;}

.money-icon {
	width: 50rpx;
	height: 50rpx;
	margin-right: 30rpx;
}

.refresh-icon {
	width: 25rpx;
	height: 24rpx;
	margin-right: 10rpx;
}
.refresh-icon.active{animation: rote360 .5s linear infinite;}
@keyframes rote360 {
	from{}
	to{
		transform: rotate(360deg);
	}
}

.line {
	border-bottom: 1px dashed #E9E9E9;
	padding: 20rpx 22rpx 29rpx 9rpx;
	position: relative;
}

.line::before {
	content: '';
	display: block;
	width: 40rpx;
	height: 40rpx;
	background: var(--mina);
	border-radius: 50%;
	position: absolute;
	bottom: -20rpx;
	left: 0;
	transform: translateX(-50%);
}

.line::after {
	content: '';
	display: block;
	width: 40rpx;
	height: 40rpx;
	background: var(--mina);
	border-radius: 50%;
	position: absolute;
	bottom: -20rpx;
	right: 0;
	transform: translateX(50%);
}

/* 扣款方式 */
.ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 99;}
.popup{position: fixed;left: 0;right: 0;bottom: 0;background: #fff;border-radius: 12rpx 12rpx 0 0;padding: 45rpx 30rpx 0;z-index: 100;transition: all .3s ease;}
.pop-tit{font-size: 32rpx;text-align: center;}
.pop-tit text{display: block;font-size: 24rpx;color: #999;margin-top: 8rpx;}
.pop-con{border-top: 1rpx solid #DDDDDD;margin-top: 40rpx;}
.pop-con .li{padding: 35rpx 0;border-bottom: 1rpx solid #DDDDDD;font-size: 30rpx;}
.money-ico{width: 36rpx;height: 36rpx;margin-right: 9rpx;}
.money-gou{width: 32rpx;height: 32rpx;margin-right: 10rpx;}
.pop-btn{justify-content: space-between;padding: 40rpx 0;}
.cancel,.confirm{width: 310rpx;height: 80rpx;box-sizing: border-box;font-size: 32rpx;text-align: center;border-radius: 40rpx;}
.cancel{line-height: 78rpx;color: #666;border: 1rpx solid #666;}
.confirm{line-height: 80rpx;color: #fff;background: var(--mina);}