nova-live/projects/live-app/src/modules/account/bankcard/bankcard.component.scss

.notice_list {
	height: 100vh;
	width: 100%;
	background-image: url("https://file-cloud.fmode.cn/Qje9D4bqol/20241220/b313ov054708770.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 100%;

	.nav {
		width: 100%;
		height: 6vh;
		line-height: 5vh;
		color: #000000;
		background: #dbe5fd;
		z-index: 100;
	}

	.card_list {
		margin-top: 16px;
		width: 100%;
		height: 94vh;
		margin-bottom: 100px;
		overflow-y: auto;

		.image {
			margin: 50px 100px;
			width: 175px;
			height: 175px;
			text-align: center;
		}

		.txt {
			color: #fff;
			text-align: center;
		}

		.card {
			height: 22vh;
			width: 94%;
			margin: 0 auto;
			// background-color: #292B2A;
			border-radius: 10px;
			margin-bottom: 10px;
			color: 000000;
			border: 1px solid #000000;

			.top {
				width: 100%;
				height: 60%;
				padding: 10px;

				.logo {
					width: 60px;
					height: 60px;
					border-radius: 50%;
				}
			}

			.info {
				width: 100%;
				height: 40%;
				// background-color: #fff;
				padding: 10px;
				border-radius: 0 0 10px 10px;

				.card_no {
					color: #000;
					font-size: 16px;
					margin-bottom: 4px;
					font-weight: 600;
				}

				.bank_name {
					color: #444;
					font-size: 12px;
					margin-bottom: 4px;
				}
			}
		}

	}

	.add_btn {
		position: fixed;
		bottom: 1vh;
		width: 80%;
		left: 10vw;
		--background: #92a1ff;
		border-radius: 18px;
	}


}
.model {
	height: 300px;
	width: 100%;
	// border: 1px solid #000000;
	padding: 10px;
	input {
		width: 100%;
		height: 6vh;
		height: 1;
		border-radius: 6px;
		border: none;
		padding: 0 10px;
		font-size: 14px;
		flex: 1;

	}

	.line {
		margin: 4px 0;
		width: 100%;
		height: 1px;
		background-color: #a2a2a2;
	}
}
ion-modal {
  --height: auto;
  align-items: end;
}